vue项目中axios每次请求会话不一致怎么解决

　　介绍

本篇文章给大家分享的是有关vue项目中axios每次请求会话不一致怎么解决,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

1, vue开发后台管理项目,登录后,请求数据每次会话都不一致,后台返回未登录,处理方法打开主要。js设置:

//Vue构建版本加载“进口”命令//(运行时只或独立)被设置在webpack.base。配置一个别名。 　　从& # 39;进口Vue Vue # 39; 　　从& # 39;进口程序。/应用# 39; 　　从& # 39;进口路由器。/路由器# 39; 　　要求(& # 39;es6-promise& # 39;) .polyfill () 　　从& # 39;进口进民退”mint-ui& # 39; 　　进口& # 39;mint-ui/lib/style.css& # 39; 　　从& # 39;进口ElementUI element-ui& # 39;; 　　进口& # 39;element-ui/lib/theme-chalk index.css& # 39;; 　　从& # 39;进口商店。/商店# 39; 　　从& # 39;进口axios axios& # 39;//1,在这里引入axios 　　 　　axios.interceptors.response.use(函数(res) { 　　var res=res.data; 　　如果(res)。状态===403){ 　　router.push (& # 39;/& # 39; 　　返回res; 　　} 　　返回res; 　　(错误){},函数 　　返回Promise.reject(错误); 　　})； 　　axios.defaults.withCredentials=true;//意思是携带饼干信息,保持会话的一致性 　　Vue.prototype。$ axios=axios 　　Vue.prototype。stringify=要求(& # 39;qs # 39;) .stringify; 　　 　　Vue.use(进民退”) 　　Vue.use (ElementUI); 　　Vue.config。productionTip=false/* eslint-disable没有新*/新Vue ({ 　　艾尔:& # 39;#应用# 39; 　　路由器, 　　商店, 　　组件:{应用}, 　　模板:& # 39;& lt;应用程序/祝辞& # 39; 　　})

withCredentials为虚假的意思是不携带饼干信息,为保持会话的一致性需设置为真;

2,为解决跨域,需要代理

vue项目中axios每次请求会话不一致怎么解决

3,数据请求

vue项目中axios每次请求会话不一致怎么解决

<强>解决跨域造成Vue-element每次请求sessionID不同问题

Vue-element作为前端开发框架,前后端分离项目ajax跨域,每次http请求后sessionID均会发生变化,导致获取会话失败,

只需要在文件vue-element-admin-master-1 \ src \跑龙套\请求。js中添加如下代码即可:

withCredentials:真的,

crossDomain:真正的

整个axios请求为:

 const服务=axios.create ({
　　baseURL: process.env。//api的base_url BASE_API
　　超时:5000//请求超时
　　withCredentials:没错,
　　crossDomain:真
　　})

以上就是vue项目中axios每次请求会话不一致怎么解决,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。

vue项目中axios每次请求会话不一致怎么解决