vue-cli3访问public文件夹静态资源报错的解决方式
今天在项目中使用了public文件夹里的静态资源，在本地测试没有发现问题，但是项目部署到fat服务器却报了404错误。
我发现原因在于我的项目没有部署在域名的根部，而我引用public文件是通过绝对路径方式引用的，因为就出现了路径错误。
路径如下：
在官网文档中发现这种情况需要为URL配置publicPath前缀：process.env.BASE_URL
正确的引用路径是：
当然，最好避免将文件放在public文件夹，因为任何放置在public文件夹的静态资源都会被简单的复制，而不经过webpack。
补充知识：@vue/cli3打包文件读取绝对路径处理
@vue/cli3封装了webpack.config.js，一般都在vue.config.js里面配置，官网不推荐在webpack的output处理，这里踩了一下坑，希望可以帮到后面遇到的小伙伴。
vue.config.js
module.exports={
//这里是配置上线读取当前目录，默认是根路径，如/js,/css等，具体根据项目来
baseUrl:process.env.NODE_ENV==='production'?'./':'/',
//others
}
以上这篇vue-cli3访问public文件夹静态资源报错的解决方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。