1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue-cli脚手架npm run build打包后图片路径问题 .11.21

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

时间:2022-06-14 15:46:08

相关推荐

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

/11/21

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

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

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

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。