axios允许跨域cookie

简介: axios允许跨域cookie
// 添加请求拦截器
service.interceptors.request.use(
  (config) => {
    // // 在发送请求之前做些什么 token
    // if (Session.get('token')) {
    //  (<any>config.headers).common['Authorization'] = `${Session.get('token')}`;
    // }

    // 获取本地的 token
    config.withCredentials = true;

    const accessToken = Local.get(accessTokenKey);
    
    if (accessToken) {
      // 将 token 添加到请求报文头中
      config.headers!['Authorization'] = `Bearer ${accessToken}`;

      // 判断 accessToken 是否过期
      const jwt: any = decryptJWT(accessToken);
      const exp = getJWTDate(jwt.exp as number);

      // token 已经过期
      if (new Date() >= exp) {
        // 获取刷新 token
        const refreshAccessToken = Local.get(refreshAccessTokenKey);

        // 携带刷新 token
        if (refreshAccessToken) {
          config.headers!['X-Authorization'] = `Bearer ${refreshAccessToken}`;
        }
      }
      // debugger
      // get请求映射params参数
      if (config.method?.toLowerCase() === 'get' && config.data) {
        let url = config.url + '?' + tansParams(config.data);
        url = url.slice(0, -1);
        config.data = {};
        config.url = url;
      }
    }
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

允许跨域cookie

config.withCredentials = true;
目录
打赏
0
3
3
0
44
分享
相关文章
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
前端解决axios请求的跨域问题【2步完成】
本文介绍如何通过前端配置解决跨域问题,主要针对Vue项目中的`vite.config.js`文件进行修改。作者在联调过程中遇到跨域报错
77 1
Axios 通过a标签下载文件 跨域下载
Axios 通过a标签下载文件 跨域下载
Axios 通过a标签下载文件 跨域下载
JavaEE:http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够!
JavaEE:http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够!
原来这才是学习axios的正确姿势(安装、使用、跨域代理一站式解决)
Axios 是一个基于 promise 的 异步 ajax 请求库,前端最流行的 ajax 请求库。简单的讲就是可以发送get、post请求,负责与后端交互。
424 1
ElementUI实现登录注册啊,axios全局配置,CORS跨域
ElementUI实现登录注册啊,axios全局配置,CORS跨域
104 0
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
179 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等