封装axios请求时，设置了‘axios.defaults.withCredentials = true’，但是发请求时请求头内没有带上cookie信息

[JiangDing1990]

封装axios请求时，设置了axios.defaults.withCredentials = true，但是发请求时请求头内没有带上cookie信息。request.js代码如下：

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'
import { Message } from 'element-ui'

// 超时
axios.defaults.timeout = 15000
axios.defaults.withCredentials = true

axios.interceptors.request.use(config => {
  return config
}, error => {
  console.log(error) // for debug
  Promise.reject(error)
})

axios.interceptors.response.use(
  response => response,
  error => {
    console.log('err' + error) // for debug
    Message({
      message: error.message,
      type: 'error',
      duration: 5 * 1000
    })
    return Promise.reject(error)
  })

// 封装的
const ajax = {
  get(url, data) {
    return new Promise((resolve, reject) => {
      axios.get(url, qs.stringify(data)).then((response) => {
        resolve(response.data)
      }, (response) => {
        reject(response.data)
      })
    })
  },
  
  post(url, data) {
    return new Promise((resolve, reject) => {
      axios.post(url, qs.stringify(data)).then((response) => {
        resolve(response.data)
      }).catch((response) => {
        reject(response.data)
      })
    })
  }
}

Vue.prototype.$ajax = ajax

export default axios

以上，找了很久原因，一直没找到。求助

[PanJiaChen]

#562

[JiangDing1990]

@PanJiaChen 谢谢提醒。我后来仔细检查发现是mock.js更改XMLHttpRequest为另外一个对象，导致无法携带cookie，我移除掉mock文件夹的引用时，发现代码报错了。。目前问题还没有得到解决，貌似是main.js文件下permission.js的引用导致的错误，明天再看看原因在哪里

[PanJiaChen]

#963

[Aysnine]

暂时性修复，在引入 Mock 之后使用如下代码

  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
  Mock.XHR.prototype.send = function () {
    if (this.custom.xhr) {
      this.custom.xhr.withCredentials = this.withCredentials || false
    }
    this.proxy_send(...arguments)
  }