封装axios时,关于路由跳转login，可以有更好的优化 #29

wgxu · 2020-02-24T12:53:53Z

在你的src/config/httpConfig.js中，关于超时等状态码判断时，如非200状态码，看跳转到login路由。您的代码思路没有问题，通过页面刷新和main.js中的路由守卫来判断；但是呢，页面会有一个重新加载的问题，也是页面抖动。

优化方案：在httpConfig.js中引入router路由，因此httpConfig.js属于工具类，无法直接应用router。可在main.js中，把route 直接挂在到window对象上。vue-cli3 底层已经不是单例模式，所以这种改动的弊端是多页面入口时，不适用。单页面时，路由跳转将会非常顺畅，无需加载抖动

crush2020 · 2020-06-23T02:37:35Z

为什么一直登陆不上去呢？

yuanshuai007 · 2020-06-30T03:09:48Z

setTimeout(() => {
window.location.reload()
}, 1000)
你说的是这段代吗吧，改成router.push()
好像是更好一点

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

封装axios时,关于路由跳转login，可以有更好的优化 #29

封装axios时,关于路由跳转login，可以有更好的优化 #29

wgxu commented Feb 24, 2020

crush2020 commented Jun 23, 2020

yuanshuai007 commented Jun 30, 2020

封装axios时,关于路由跳转login，可以有更好的优化 #29

封装axios时,关于路由跳转login，可以有更好的优化 #29

Comments

wgxu commented Feb 24, 2020

在你的src/config/httpConfig.js中，关于超时等状态码判断时，如非200状态码，看跳转到login路由。 您的代码思路没有问题，通过页面刷新和main.js中的路由守卫来判断； 但是呢，页面会有一个重新加载的问题，也是页面抖动。

crush2020 commented Jun 23, 2020

yuanshuai007 commented Jun 30, 2020

在你的src/config/httpConfig.js中，关于超时等状态码判断时，如非200状态码，看跳转到login路由。您的代码思路没有问题，通过页面刷新和main.js中的路由守卫来判断；但是呢，页面会有一个重新加载的问题，也是页面抖动。