Ajax 跨域请求 Cookie 无法携带/保存的解决办法

Posted 2021-07-13 刹客网络科技资讯

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ajax 跨域请求 Cookie 无法携带/保存的解决办法相关的知识，希望对你有一定的参考价值。

刹客网络科技资讯

点击右侧关注，最新科技资讯！

服务器端设置

nginx 端设置：

http://192.168.3.4 是允许跨域的域名，80和443 可以不用加端口号，除此之外的端口号要加
add_header 'Access-Control-Allow-Origin' 'http://192.168.3.4';
add_header 'Access-Control-Allow-Credentials' 'true';

php 端设置：

解释同上

header("Access-Control-Allow-Origin: http://192.168.3.4");
header("Access-Control-Allow-Credentials: true");

前端设置

jQuery Ajax 请求：

$.ajax({
    url: 'http://nas/api/v2/sync/maindata',
    xhrFields: {
        // 允许携带证书
        withCredentials: true
    },
    dataType: 'json',
    success: function (res) {
        console.log("请求结果："+res);
    }
});