對於某些特殊設置會要求我們在接口返回某些要求的時候對路由做跳轉
比如:有個場景當後臺狀態返回22006的時候要求重新登陸,然而axios的js文件不能直接使用this.$router.push路由直接跳轉,這是因爲js文件無法使用vue申明的文件
以下有三種解決方式供大家參考
- 最原始的瀏覽器跳轉方式(跳轉刷新頁面)
//axios.js文件
window.location.href = "/login"
- 先引入router文件
//axios.js文件
//注意是引入已經配置好的router文件
import router from './router'
//使用方式:
router.push({path:"/login"})
- main.js文件將vue掛載導出,代替this做跳轉。
//main.js文件
//這裏掛載之後便可全局使用
const myVue = new Vue({
el: '#app',
router,
store,
components: {
App
},
template: '<App/>'
})
export default myVue
//axios.js文件
import myVue from "main.js"
//使用方式同this.$router.push一樣,將this替換成myVue即可
myVue.$router.push({path:"/login"})