关于axios中'$router' of undefined问题

在使用axios进行请求里，我们一般用this.$router.push(’’)的方法进行路由跳转：

this.$axios.post("/auth", {'username': this.username,'password': this.password}).then(function (res) {this.$router.push('/');}).catch(function (error) {console.log(error);});

看上去没有任何问题，但是运行会报错：

‘$router’of undefined ???

这里需要对axios请求做一些修改：

this.$axios.post("/auth", {'username': this.username,'password': this.password}).then(function (res) {this.$router.push('/');}.bind(this)).catch(function (error) { console.log(error);});

在axios的请求后面加上.bind(this)就可以运行成功了

关于axios中'$router' of undefined问题相关推荐

关于'$ router' 的 undefined问题，是不是很痛点？！
文章目录关于'$ router' 的 undefined问题 ,是不是很痛点?! 再来看一段本人项目内测的代码: 第二页代码: 重点: 参考阅读文章: 关于'$ router' 的 undefine ...
使用this.$router.push('')的方法进行路由跳转，提示'$router' of undefined问题
转载于:https://www.cnblogs.com/guoshuli/p/9995660.html
axios中使用finally
业务场景:提交某个表单时,为了防止重复提交,提交后按钮需要置灰,直到提交完成按钮才可点击.如果没有finally函数,则需要在then和catch里都写入恢复按钮的代码,但是有了finally函数,我 ...
Vue+axios（interceptors）实现http拦截 + router路由拦截 (双拦截)+ 请求自带loading效果...
axios interceptors 拦截器 //interceptors.js// vue axios配置发起请求加载loading请求结束关闭loading // http request 请求 ...
router中获取vuex_Vue 中 Axios 的封装和 API 接口的管理
(给JavaScript加星标,提升前端技能) 作者:愣锤 https://juejin.im/post/684490365288107214 如图,面对一团糟代码的你~~~真的想说,What F~U ...
axios 拦截器——基本用法及拦截器代码
之前在开发后台管理系统时,都是跟其他同事一起开发,说实在点,就是在别人开发的基础上写页面... 现在想把之前没有关注的点拾起来.. 今天看下axios拦截器的用法用vue写代码在做ajax请求时,可 ...
axios封装 —— 数据缓存、防止重复请求、动态加载
前言看了网上很多axios的封装,感觉都不是特别完善.于是我写了个比较完整的封装包括以下功能: 上传下载文件时的header设置错误相应的统一处理动态加载api 数据缓存.清除缓存.缓存级别.最 ...
一文读懂，axios
今天,我们从axios的概念以及如何使用axios,这两方面来仔细聊聊axios. 1.axios是什么? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js ...
axios get 某个参数是数组怎么传_Vue 中 Axios 的封装和 API 接口的管理
我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护. 一.axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios ...

关于axios中'$router' of undefined问题

关于axios中'$router' of undefined问题相关推荐

最新文章

热门文章