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即可,而这个的默认值是'/'