1. 首页
  2. 编程语言
  3. Javascript
  4. vue-cli3访问public文件夹静态资源报错的解决方式

vue-cli3访问public文件夹静态资源报错的解决方式

上传者: 2022-06-12 22:38:36上传 PDF文件 58.15 KB 热度 12次

今天在项目中使用了public文件夹里的静态资源,在本地测试没有发现问题,但是项目部署到fat服务器却报了404错误。我发现原因在于我的项目没有部署在域名的根部,而我引用public文件是通过绝对路径方式引用的,因为就出现了路径错误。当然,最好避免将文件放在public文件夹,因为任何放置在 public 文件夹的静态资源都会被简单的复制,而不经过 webpack。@vue/cli 3 封装了 webpack.config.js,一般都在 vue.config.js 里面配置,官网不推荐在 webpack 的 output 处理,这里踩了一下坑,希望可以帮到后面遇到的小伙伴。

下载地址
用户评论