记录一次Cookies跨域的问题

Sonder

2020-10-23

1061字

3分钟

浏览 (2.6k)

问题是这样的，提取单个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

上一篇 / Vue父组件异步请求数据传递给子组件的值为空的解决方法下一篇 / Vue中axios实现下载excel表格功能

记录一次Cookies跨域的问题

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)