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 服务地址
}
}