浅谈Vue static 静态资源路径 和 style问题

我就废话不多说了，大家还是直接看代码吧~引用的时候可直接，不用返回上一级去查找，因为编译输出后的 static 下的资源 跟 html 是在同一个目录。如果单个vue文件里的 style 没有用到 最好删除掉 不然 html页面会自动生成一个 空的style一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。打开webpack.prod.conf.js找到output：增加 publicPath: './', 即可，如图。那么就需要修改build文件夹下的utils.js代码，如图所示：添加如图所示的一行代码，这样不论是字体还是图片的引用问题都能解决。