前端vue项目发送请求不携带cookie(vue.config.js和nginx反向代理)

一、本地环境——使用vue.config.js配置了跨域代理

本来发现问题,是因为后台记录到接收到的sessionId一直在变化,导致需要在同一个sessionId下处理的逻辑无法实现。

一开始以为是前后端分离跨域导致的,网上给出了解决方案:

main.js中加入以下:

 import axios from 'axios'
 axios.defaults.withCredentials = true

接口文件api.js中设置每次携带cookie

axios.defaults.withCredentials = true; //意思是携带cookie信息,保持session的一致性

且每次提交请求时设置:

withCredentials: true,

crossDomain: true,

export const login = (data) => {
    return axios({
        method: 'post',
        url: '/ppc_pas/user/login',
        data,
        withCredentials: true,
        c

你可能感兴趣的:(前端,Vue,前端,vue.js)