由于我对 axios 进行了封装,因此在每一个需要使用 axios 的地方,都需要导入相应的请求,略显麻烦,参考https://cn.vuejs.org/v2/guide/plugins.html,我将请求方法挂到 Vue 上,具体操作如下:
- 在 main.js 中导入所有的请求方法,如下:
import {getRequest} from './utils/api'
import {postRequest} from './utils/api'
import {deleteRequest} from './utils/api'
import {putRequest} from './utils/api'
- 把它们添加到 Vue.prototype 上,如下:
Vue.prototype.getRequest = getRequest;
Vue.prototype.postRequest = postRequest;
Vue.prototype.deleteRequest = deleteRequest;
Vue.prototype.putRequest = putRequest;
如此之后,以后再需要发送网络请求,就不需要导入 api 了,直接通过下面这种方式即可:
this.postRequest('/login', {
username: this.loginForm.username,
password: this.loginForm.password
}).then(resp=> {
...
}
});
扫码关注微信公众号 江南一点雨,回复 2TB,获取超 2TB Java 学习教程~