axios请求不携带cookie

[ganchaoyang]

在网上查询是需要设置axios.defaults.withCredentials为true。但是我在/utils/request.js里设置了如下内容后，请求仍然没有携带Cookie。

import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getToken } from '@/utils/auth'

axios.defaults.withCredentials = true

[gdxieyue]

// 创建axios实例
const service = axios.create({
baseURL: process.env.BASE_API, // api的base_url
timeout: 5000, // 请求超时时间
withCredentials: true,
crossDomain: true,
});
同问，如上配置后，我发起跨域请求，无法带上cookie信息

[PanJiaChen]

在跨域的情况下不仅前端要设置withCredentials，后端也是要设置Access-Control-Allow-Credentials的。

[ganchaoyang]

后端设置过了这个。在请求头里面看到了。

[ganchaoyang]

后端（SpringBoot）跨域的配置：

@Configuration
public class MyWebAppConfigurer extends WebMvcConfigurerAdapter {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**");
    }
}

前端的配置：

const service = axios.create({
  baseURL: process.env.BASE_API, // api的base_url
  timeout: 5000, // request timeout
  withCredentials: true
})

在请求中的Response Headers中看到了有Access-Control-Allow-Credentials: true。

[PanJiaChen]

游览器是否有报错，或者能否截图一下请求。

[ganchaoyang]

浏览器没有报错，下面是我截的登录请求。

[PanJiaChen]

你这个都不跨域，后端和前台都是8088。默认自带cookie，无需任何设置。
如果你基于本项目修改的话，很可能是被mockjs影响的。

vue-element-admin/src/main.js

Line 18 in afe975b

import './mock' // simulation data

移除试试。

[ganchaoyang]

嗯嗯，是这个原因，移除之后就携带Cookie了。万分感谢。

[gdxieyue]

import './mock' 移除掉后问题已解决。
多谢大师帮忙解决这个让我百思不得骑姐的问题。

但我又有疑惑，原先我只是注释掉 ./mock/index.js 里面的配置，这样还是会影响axios请求？
// Mock.mock(/\/services\/login\/Login/, 'post', loginAPI.loginByUser);

[PanJiaChen]

mockjs 问题蛮多的他会重新定义httprequest。之后可能不用它了。

[wuzhihui1123]

@PanJiaChen 谢谢， 解决了我的问题

[jiangxiaoxin]

@gdxieyue Mockjs只要你调用它的mock方法，他就会劫持window的XMLHttpRequest对象，用一个自己的XHR替换，那里面withCredentials是false的，所以你带不上cookie