axios+vue 请求时如何携带cookie

最新推荐文章于 2024-05-30 22:43:33 发布

web13985085406

最新推荐文章于 2024-05-30 22:43:33 发布

阅读量6.7k

点赞数 2

分类专栏：面试学习路线阿里巴巴文章标签： android 前端后端

本文链接：https://blog.csdn.net/web13985085406/article/details/126098773

版权

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。此时，请设置具体配置，这是一个坑，查阅资料得知，部分浏览器对*的兼容性不好，有的说法解释说Access-Control-Allow-Credentials’‘true’该字段会影响*的解析，导致报错。也就是说，不管后端是什么语言，需要返回以上四个响应头字段，如下所示，跨域状态下，cookie已经传递成功。如有不妥，请指出，希望对各位有所帮助，共勉!在响应头中添加以下几个字段。...

摘要由CSDN通过智能技术生成

axios+vue 请求时如何携带cookie
1，当符合同源策略时，可以直接设置 document.cookie = " 你要设置的内容 "

mounted() {
    document.cookie = "ioiopipoadiasdasdbasdbas";   // 非跨域传递cookie 直接设置cookie即可
    this.getData();   //请求的方法
   
  },
  methods: {
    async getData() {
       let data = await axios.get('/data.json', {
         params: {
           id: 1,
         },
  
       }
    },
  },

在这里插入图片描述
此时：可以直接向服务端传递cookie，无需设置。
2，当出现跨域请求的时候
默认情况下：跨域请求不会携带cookie，所以要添加 withCredentials: true 配置
注意：这种情况下稍微复杂，但是对于前端而言，只需要写上 withCredentials: true 该配置即可
当然在此之前还有 document.cookie = “ioiopipoadiasdasdbasdbas”; 这行代码，你需要设置一个cookie，才可以传给服务端。

 document.cookie = “ioiopipoadi

最低0.47元/天解锁文章

web13985085406

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
axios+vue 请求时如何携带cookie

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。此时，请设置具体配置，这是一个坑，查阅资料得知，部分浏览器对*的兼容性不好，有的说法解释说Access-Control-Allow-Credentials’‘true’该字段会影响*的解析，导致报错。也就是说，不管后端是什么语言，需要返回以上四个响应头字段，如下所示，跨域状态下，cookie已经传递成功。如有不妥，请指出，希望对各位有所帮助，共勉!在响应头中添加以下几个字段。...
复制链接

扫一扫