Nginx跨域配置,允许Ajax跨域_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

网络编程

Nginx跨域配置,允许Ajax跨域

作者:qvdv 来源: 更新时间:2018-04-06

很多时候需要实现AJAX跨域访问资源,现在将Nginx服务器跨域配置方法写出来:

修改配置文件,添加如下代码:

Server{

……

 

if ($request_method = 'OPTIONS') {

return 204;

}

add_header 'Access-Control-Allow-Origin' "https://m.qvdv.net";#指定允许跨域的域名

add_header 'Access-Control-Allow-Methods' 'GET, POST,OPTIONS,,DELETE,PUT';

add_header 'Access-Control-Allow-Credentials' true;#如果跨域后需要操作cookies,该项必须

add_header 'Access-Control-Allow-Headers' 'Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With';

……

jquery的ajax的GE方法跨域请求:

$.ajax({
       type: "GET",
       url: "http://m.qvdv.net/api/test",
       dataType: 'json',
    // 允许携带证书
       xhrFields: {
            withCredentials: true
       },
    // 允许跨域
       crossDomain: true,
       success:function(){
       },
       error:function(){
   }
})


本文版权所有,转载须注明:来源  https://www.qvdv.net/qvdv-oop-824.html