nginx配置有多个跨域的vue

nginx配置有多个跨域的vue

在nginx.conf中配置

server {
	listen       8092; #端口号
	server_name 8.136.117.18:8092;#项目名
	root   /www/wwwroot/8.136.117.18;#项目路径
	index  index.htm index.html;
	add_header 'Access-Control-Allow-Origin' '*';
	add_header 'Access-Control-Allow-Credentials' 'true';
	add_header Cache-Control private;
	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
	add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
	
	location / {
	     root  /www/wwwroot/8.136.117.18;#项目路径
                    try_files $uri $uri/ /index.html last;
                    index index.html;
		
	}
	# vue中/api的跨域代理服务端接口
	location /api {
		rewrite ^/api/(.*)$ /$1 break;
		if ($request_method = 'OPTIONS') {
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,PATCH,OPTIONS;
			return 200;
		}
		proxy_pass http://27.150.18.248:8099;   #将真正的请求代理到API 服务地址
	}
	# vue中/loginForm的跨域代理服务端接口
	location /loginForm {
		rewrite ^/loginForm/(.*)$ /$1 break;
		if ($request_method = 'OPTIONS') {
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,PATCH,OPTIONS;
			return 200;
		}
		proxy_pass http://27.150.18.248:8097;   #将真正的请求代理到API 服务地址
	}
	}