参考资源:Vue 打包后静态资源加前缀,页面路由加前缀,修改静态资源访问路径
1.具体需求:
一个端口下,需要配置多个静态站点,用不同的路径区分。比如:localhost:9001/adminA,就访问A系统;localhost:9001/adminB,就访问A系统.
2.项目背景:
1)Nginx代理
2)静态资源是用vue打包的。
3.具体操作:
1)vue设置静态资源(css、js)的路径前缀。这个需要根据不同的vue-cli版本,进行不同的设置。原因是默认打包后,css和js的url路径,是不包含我们用来区分不同静态站点的路径前缀的,需要配置一下。
vue-cli版本:3.0
静态资源前缀:
vue.config.js 中: module.exports ={ publicPath:”/前缀" , …...}
2)nginx配置:
server { listen 9002; server_name localhost; location / { root "H:\code\ceshi\serverweb"; index index.html; } location /test2 { alias "H:\code\ceshi\submitweb"; index index.html; } }