img

记录一次Cookies跨域的问题

2020-10-23 0条评论 2.5k次阅读 JavaScript


问题是这样的,提取单个axios组件,发现向后台提交数据时header没有携带Cookies

组件使用:

 let url = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_apiUrl + '/v1/user/info/ocr' : '/v1/user/info/ocr';
axios({
        method: 'POST',
        url: url,
        headers: {
          "Content-Type": "multipart/form-data",
        },
        withCredentials: true, // 允许携带Cookies
        data: formData
      }).then()

vue.config.js配置:

module.exports = {
  devServer:{
    proxy: process.env.VUE_APP_apiUrl
  },
}

问题是这样的,提取单个axios组件,发现向后台提交数据时header没有携带Cookies

组件使用:

 let url = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_apiUrl + '/v1/user/info/ocr' : '/v1/user/info/ocr';
axios({
        method: 'POST',
        url: url,
        headers: {
          "Content-Type": "multipart/form-data",
        },
        withCredentials: true, // 允许携带Cookies(凭证)
        data: formData
      }).then()

vue.config.js配置:

module.exports = {
  devServer:{
    proxy: process.env.VUE_APP_apiUrl
  },
}

如果后台不需要携带Cookies,可以去也能解决跨域

withCredentials: false

💬 COMMENT


🦄 支持markdown语法

👋友