美文网首页
Vue打包后静态资源路径错误

Vue打包后静态资源路径错误

作者: isboyjc | 来源:发表于2019-04-01 15:08 被阅读0次

vue项目打包完了,dist文件也生成了,运行一下,又报错了

错误还不少,报了好多资源路径找不到的错误,大概有两种

  • 一种是js或css文件引入路径错误,找不到文件
  • 一种是css中的图片路径错误,找不到图片

#############################################

  • js或css文件引入路径错误解决办法如下:

不知道大家发现没有,所有的路径错误都是少了个点,例如:

src=/static/js/app.5d7099352641a1a9dd32.js

知道原因了就找解决办法,手动加也行,不过为了每次打包完即用

在配置文件里改,一劳永逸

找到config/index.js 配置文件,找build打包对象里的assetsPublicPath属性

默认值为/,更改为./就好了

20190401001.png
  • css中的图片路径错误,找不到图片解决如下

在css里引入图片路径打包的时候路径会错

打开build/utils.js文件,把打包css文件的配置加一个打包路径即可

加一行代码,如下

20190401002.png

如果对您有用,请点个赞或关注下!谢谢

原创,转载请注明出处!

投诉建议邮箱:214930661@qq.com

GitHub:https://github.com/isboyjc

相关文章

网友评论

      本文标题:Vue打包后静态资源路径错误

      本文链接:https://www.haomeiwen.com/subject/inevbqtx.html