Vue打包后访问静态资源路径问题 |
您所在的位置:网站首页 › 养龙猫需要准备什么 › Vue打包后访问静态资源路径问题 |
Vue打包后访问静态资源路径问题
发布时间:2020-10-04 21:04:15
来源:脚本之家
阅读:205
作者:王、小墨
栏目:web开发
Vue介绍中static文件夹里放的是静态资源目录,如图片、字体等。 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们知道,执行npm run build 后会生成dist文件夹,把里面的index.html在浏览器运行会发现 图片路径出错啦!!! 解决方法: 1.先找到config下的index.js文件 把最后的'/' 改为 './' 2.接着把图片地址改为 以上就是Vue打包后访问静态资源路径问题的相关知识点,感谢大家的阅读和对亿速云的支持。 推荐阅读: 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题) 解决Vue打包后访问图片/图标不显示的问题免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。 vue打包 静态路径 ue 上一篇新闻:详解flutter之网络请求dio,请求,拦截器简单示例 下一篇新闻:python 机器学习之实现朴素贝叶斯算法的示例 猜你喜欢 JS实现根据数组对象的某一属性排序操作示例 在vue项目中使用vue-i18n时出现报错如何解决 vscode下vue项目中eslint的使用方法 jQuery实现的中英文切换功能示例 JavaScript寄生组合式继承原理与用法分析 JavaScript中的继承模式有哪些 JavaScript惰性求值的一种实现方法示例 JavaScript如何创建对象 详解Vue项目部署遇到的问题及解决方案 VeeValidate 的使用场景以及配置详解 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |