带cookie的异步ajax跨域请求问题_ajax跨域携带cookie-CSDN博客

本文链接：https://blog.csdn.net/feinifi/article/details/116481279

ajax跨域携带cookie需要增加一个参数，xhrFields:{withCredentials:true}，而且这个时候的cookie是种在服务端接口域里面的，而不是页面所在的域。

服务端解决跨域问题的时候，会设置允许哪些Origin,Method，如果是跨域携带cookie的异步请求，这个允许的域只能是唯一的，不能使用通配符*，也不能同时设置多个域。同时还需要保证参数Access-Control-Allow-Credentials为true。

下面通过示例演示：

前端页面通过node框架koa库启动一个server，访问地址：http://localhost:3000/，默认会加载静态页面index.html。

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cookie</title>
    <style>
        #root input{padding:10px;border:1px solid #ddd;color:#fff;border-radius: 3px;background: lightgreen;font-size: 16px;}
        #root .box{padding:5px;}
        #root textarea{width:790px;height:100px;resize: none;}
    </style>
</head>
<body>
    <div id="root">
        <div class="box">
            <input type="button" value="cookie" onclick="handleclick()"/>
        </div>