Vue打包后访问静态资源路径问题
2019-11-08 18:07
4315 查看
Vue介绍中static文件夹里放的是静态资源目录,如图片、字体等。
我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢?
我们知道,执行npm run build 后会生成dist文件夹,把里面的index.html在浏览器运行会发现
图片路径出错啦!!!
解决方法:
1.先找到config下的index.js文件
把最后的'/' 改为 './'
2.接着把图片地址改为
以上就是Vue打包后访问静态资源路径问题的相关知识点,感谢大家的阅读和对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- 用webpack打包vue项目后,静态资源路径失效问题
- 如何解决vue打包项目中的图片,静态css,js 不能访问路径问题
- 【已解决】vue打包部署处理静态资源问题,出现空白页,background资源路径不对
- vue项目打包之后静态资源不显示问题及如何让webpack不打包某个静态资源(js,css,img)
- 关于 electron-vue打包后静态资源路径失效的解决方案
- myecplise 中静态资源访问路径(即引入 css ,js)的问题
- vue打包静态资源路径不正确的解决办法
- vue项目打包后的资源路径问题
- 解决vue打包之后静态资源图片失效的问题
- vue打包静态资源路径不正确的解决办法
- vue打包静态资源路径不正确的解决办法
- vue+element ui 项目打包静态图片路径错误问题
- 关于vue项目打包后静态资源的问题
- vue打包后jquery is not defined和静态资源路径找不到
- 关于Vue背景图打包之后访问路径错误问题的解决
- vue.js使用手记——打包之后静态资源失效404问题
- vue-cli3.0下访问静态资源服务器的一些问题
- vue打包之后静态资源访问不到
- Vue-Cli2.XX 静态资源文件夹的路径部署问题
- 关于静态资源访问的路径问题