【服务器】Nginx多级目录配置

nginx conf 配置

server {
	# listen	443	ssl;
	# listen	[::]:443	ssl;
	listen 80;
	server_name	xxx.xxx.com;
	
	# 跨域处理
	add_header 'Access-Control-Allow-Origin' '*';
 	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
 	add_header 'Access-Control-Allow-Headers' 'Content-Type';
  
	location / {
		root	/root;
		index index.html index.htm;
	}
	
	location /alias {
		alias	/root/alias;
		index index.html index.htm;
	}
	
	location /api {
		proxy_pass	http://127.0.0.1:8080;
	}

	location /test/alias {
		alias	/test;
		index index.html index.htm;
	}
}

vue 打包配置

vue.config.js

module.exports = {
	//	如果你的应用被部署在 https://xxx.xxx.com/admin/,则设置 baseUrl 为 /admin/
	publicPath: process.env.NODE_ENV === "production" ? "/admin" : "/",
	// 跨域处理
	devServer: {
		proxy: {
			[process.env.VUE_APP_BASE_API]: {
				traget: "http://location:8080",
				changeOrigin: true,
				pathRewrite:
					[^ + process.env.VUE_APP_BASE_API]: ''
			}
		}
	}
}

router.js配置

routers =  new Router({
	mode: 'history', // 去掉url中的#
	// 如果生效,所有的url都会加上admin,如/login->/admin/login
	base: process.env.NODE_ENV === "production" ? "admin" : ""
})

你可能感兴趣的:(前端开发,服务器,服务器,nginx,vue.js)