由于我对axios进行了封装,因此在每一个需要使用axios的地方,都需要导入相应的请求,略显麻烦,参考https://cn.vuejs.org/v2/guide/plugins.html,我将请求方法挂到Vue上,具体操作如下:

    1.在main.js中导入所有的请求方法,如下:

    1. import {getRequest} from './utils/api'
    2. import {postRequest} from './utils/api'
    3. import {deleteRequest} from './utils/api'
    4. import {putRequest} from './utils/api'

    2.把它们添加到 Vue.prototype 上,如下:

    1. Vue.prototype.getRequest = getRequest;
    2. Vue.prototype.postRequest = postRequest;
    3. Vue.prototype.deleteRequest = deleteRequest;
    4. Vue.prototype.putRequest = putRequest;

    如此之后,以后再需要发送网络请求,就不需要导入api了,直接通过下面这种方式即可:

    1. this.postRequest('/login', {
    2. username: this.loginForm.username,
    3. password: this.loginForm.password
    4. }).then(resp=> {
    5. ...
    6. }
    7. });