vue-cli打包访问静态资源404解决方案 - Go语言中文社区

vue-cli打包访问静态资源404解决方案


使用vue-cli生产打包,把代码放到服务器上访问的时候,不少同学会看到页面一片空白,打开控制台,会发现是某些资源文件找不到,如图:
这里写图片描述

其实这里是因为vue-cli的webpack打包配置静态文件访问路径不对,配置文件路径如图:
这里写图片描述
在这个文件下面找到生产(build)配置:
这里写图片描述
要解决静态文件访问路径问题只需要修改配置中的assetsPublicPath字段即可。

如果你的服务器静态文件路径是这样的:

  • apache-tomcat-8.0.47
    • webapps
      • staticFile
        • mobile
          • index.html
          • static

将路径写成这样即可访问静态资源:
这里写图片描述

资源访问成功状态:
这里写图片描述

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/qq_30455841/article/details/81240290
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2020-03-08 14:44:24
  • 阅读 ( 660 )
  • 分类:前端

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢