axios携带token跨域请求

lihefei_coder

于 2019-12-25 00:06:26 发布

阅读量4.9k

点赞数

分类专栏： java axios 跨域文章标签： axios token cookie 跨域 java

本文链接：https://blog.youkuaiyun.com/lihefei_coder/article/details/103691345

版权

axios 同时被 3 个专栏收录

9 篇文章

订阅专栏

跨域

6 篇文章

订阅专栏

java

3 篇文章

订阅专栏

前端在axios中配置请求头

axios.defaults.headers.common['token'] = 'aaa111222';

后端设置支持跨域请求头token字段

response.setHeader("Access-Control-Allow-Origin","*");
response.setHeader("Access-Control-Allow-Methods", "POST,GET,OPTIONS,DELETE,HEAD,PUT,PATCH");
response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, token");

携带token跨域请求成功的案例：

在这里插入图片描述

扩展：支持cookie模式

response.setHeader("Access-Control-Allow-Origin","http://www.lihefei.com"); //cookie模式下不能设置为*
response.setHeader("Access-Control-Allow-Methods", "POST,GET,OPTIONS,DELETE,HEAD,PUT,PATCH");
response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, token");
response.setHeader("Access-Control-Allow-Credentials","true"); //保持前端跨域时携带的cookie