参考资源: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:”/前缀" ,  …...}  

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

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;		
        }
}