vue.js关于跨域问题,请教各位

Question

我在本地运行vue.js前端请求接口，get,post,put,delete这四种请求都可以访问
，但是把vue项目打包发布，用nginx做代理转发，再访问vue.js项目，put和delete请求都不可以访问。错误:has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

Answer 1

put和delete请求会在请求之前先发送一个options请求导致失败。大概是因为options没有被反向代理。解决方法如下：在接口反向代理的配置中对options单独处理直接返回成功。
location / {
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://;
}