您的位置:首页 > 运维架构 > Nginx

Nginx配置-Ajax跨域请求方式为PUT,DELETE

2018-01-02 14:26 751 查看
后台API使用了RESTful Api的接口设计,前端页面这里使用了Nginx代理进行跨域调试。
当请求方式是DELETE、PUT的时候,出现了405 Method not Allowed 错误,而且请求的方式变成了OPTIONS。
配置所有跨域请求:add_header Access-Control-Allow-Origin *;
但这里只支持简单的请求方式:GET,POST,OPTIONS,使用DELETE,PUT请求,属于复杂请求,复杂的跨域请求HTTP首先会发一个OPTIONS请求,
经过服务器的同意,再转为对应的DELETE,PUT请求,所以这里需要后端去设置。
这里我用的nginx,那么直接在配置里面改一下就好了。
出了允许跨域的配置,还需要设置允许的请求方法(请求谓词):
add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,PATCH,OPTIONS;
加上一个判断:
if ($request_method = 'OPTIONS') {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,PATCH,OPTIONS;
return 200;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: