Nginx配置多个vue静态网站方式

参考资源：Vue 打包后静态资源加前缀，页面路由加前缀，修改静态资源访问路径

1.具体需求：

一个端口下，需要配置多个静态站点，用不同的路径区分。比如：localhost:9001/adminA，就访问A系统；localhost:9001/adminB，就访问B系统.

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:codeceshiserverweb";
			index	index.html;		
        }
		
	location /test2 {
			alias	 "H:codeceshisubmitweb";
			index	index.html;		
        }
}