vue项目配置public静态资源路径访问

1.简介

一般的vue项目都有一个初始index.html，而其他js、css都是这个html引入的，默认情况下使用绝对路径引入，如/js/app.js

这样就有一个问题，静态资源经常要部署在不同的上下文路径下，如nginx将vue静态资源部署在/static下

此时使用绝对路径访问不到index.html引入的js、css等，而相对路径是不变的

2.解决

vue.config.js

module.exports = {publicPath: ''}

配置publicPath即可，而这个的默认值是'/'