vue-cli脚手架npm run build打包后图片路径问题 2018.11.21


2018/11/21

最近在自己尝试做一个vue的项目,发现了一个打包以后出现的路径问题

  使用npm run dev 可以正常打开项目,图片路径不会出错,使用脚手架npm run build 打包以后打开index.html 发现所有图片加载不出来,

发现路径前面都多了一个斜杠 / (打包以后在服务器运行时没有问题的),但是现在想打包以后在本地看怎么办呢?

这个时候只需要修改一下 webpack.config.js 文件里面的配置,然后重新打包就ok了,具体如图

删除红圈语句的   publicPath: '/dist/',  前面的 / 就可以了(修改打包以后图片以及其它文档相对于index.html的相对路径),

服务器上默认会去寻找静态资源所以一般不会出错,而本地的路径就需要准确


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM