How does Nginx perform cross-domain configuration so that it can use DELETE and PUT request methods?

Question

Background description: We are planning to design a Restful API based on Nginx. We need to use DELETE and PUT request methods, and support cross-domain access. Currently, we have local virtual hosts http://api.zlzkj.com and http://127.0.0.1/api. /web two test domains. Problem Description nginx.conf related cross-domain...

某草草 · Answer

OPTIONS请求比较特殊，该方法用于请求服务器告知其支持哪些其他的功能和方法。
在跨域的时候，浏览器会自动发起一个OPTIONS请求。
当你的服务器响应了OPTIONSWhen requesting, there will be a response similar to the following:

Allow → GET,HEAD,POST,OPTIONS,TRACE
Cache-Control → max-age=86400
Connection → keep-alive
Content-Encoding → gzip
Content-Length → 20
Content-Type → text/html
Date → Thu, 30 Jun 2016 04:00:24 GMT
Expires → Fri, 01 Jul 2016 04:00:24 GMT
Server → bfe/1.0.8.14
Vary → Accept-Encoding,User-Agent

If your server does not handle the responseOPTIONS, there will be a response like this:

Connection → keep-alive
Content-Encoding → gzip
Content-Type → text/html
Date → Thu, 30 Jun 2016 04:02:35 GMT
Server → nginx/1.4.6 (Ubuntu)
Transfer-Encoding → chunked

It can be seen that the Allow response header is missingAllow响应头
所以，你应该有处理这个OPTIONSSo, you should have a service to handle this
request. This can be done directly with nginx.

In the configuration, add the following configuration: 🎜

if ($request_method = 'OPTIONS') { 
add_header Access-Control-Allow-Origin *; 
add_header Access-Control-Allow-Credentials true; 
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; 
add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; 
return 204; 
}

PHPz · Answer

$.ajax({
    url: 'http://api.zlzkj.com/admins/1',
    type: 'DELETE',
    dataType: 'JSON',
    crossDomain:true
});