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
});

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

Background description

Problem Description