vue页面加载跨域问题解决(nginx解决)(也可在接口AOP中解决)
1.调用接口会出现两个问题:
<1>CORS浏览器跨域问题
在接口响应头添加参数:
Access-Control-Allow-Origin * always;
Access-Control-Allow-Methods 'GET, POST, PUT, DELETE, OPTIONS' always;
Access-Control-Allow-Headers 'Access-Token,Corp-ID,Content-Type,x-requested-with' always;
Connection 'keep-alive' always;
<2>vue调用接口会发起OPTION请求,需要放行
if ($request_method = OPTIONS ) {
return 200;
}
eg:
location /openadmin/ {
add_header Access-Control-Allow-Origin * always;
add_header Access-Control-Allow-Methods 'GET, POST, PUT, DELETE, OPTIONS' always;
add_header Access-Control-Allow-Headers 'Access-Token,Corp-ID,Content-Type,x-requested-with' always;
add_header Connection 'keep-alive' always;
if ($request_method = OPTIONS ) {
return 200;
}
proxy_pass http://10.80.221.227:19000/;
}