axios 添加 token 后跨域问题

最新推荐文章于 2024-06-30 15:30:45 发布

Chiming Cock

最新推荐文章于 2024-06-30 15:30:45 发布

阅读量3k

点赞数 3

文章标签： javascript ajax跨域问题

本文链接：https://blog.csdn.net/qq_43232345/article/details/116943833

版权

前端在使用axios时，在HTTP header添加token后遇到跨域问题。后端已配置好CORS，问题出在预检请求中，Access-Control-Allow-Headers未包含token字段。解决方法是在后端设置Access-Control-Allow-Headers时包含token，允许该自定义请求头通过。

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

问题：后端配置好了跨域，但是前端在HTTP header添加token后，又产生跨域的问题

前端请求配置：

const service = axios.create({
   
  baseURL: 'http://127.0.0.1:5555/',
  headers: {
   
    'content-type': 'application/x-www-form-urlencoded;charset=UTF-8',
  },
  // 配置超时时间
  timeout: 5000,
});

// 请求拦截,自动添加token
service.interceptors.request.