vue-resource的安装与使用

安装vue-resource到项目中，找到当前项目

输入：npm install vue-resource --save

安装完毕后，在main.js中导入，如下所示：

import VueResource from 'vue-resource'

Vue.use(VueResource)

Vue.http.interceptors.push(function(request, next) {
    if(request.url =='upload'){
        request.url = config.uploadUrl;
        request.headers.set('', null)
    }else{
        if (!request.url.trim().startsWith('https://') && !request.url.trim().startsWith('http://')) {
            //http://behave.qixianshen.net:25698是url的前缀
            request.url = 'http://behave.yuntianyuan.net:25698' + request.url;
            //token是变量,可以根据自己的需求设置
            request.headers.set('x-access-token', localStorage.getItem("token")?localStorage.getItem("token"):'')
        }
    }
    next(function(response) {
        if(response.status==401){
            //如果是401的状况下,页面显示什么
        }
        return response
    })
})

然后在每个vue页面调用的时候,举例

let updata={
                phoneNumber:this.loginTel,
                auth_code:this.code,
                code:localStorage.getItem('openid'),
                password:this.password,
                invite_code:this.InviterName
            } 
//根据自己需求,传参数
this.$http.post('/register',updata).then((res) => {
            if(res.data.code ==109) {
                   this.$toast('验证码错误');
            }else if (res.data.code == 0) {
                             
            }
 }, res => {
       console.log("注册失败", res.data);
 })

(用法很多,我只举例了一种,比较简单的使用,每次只需要this.$http ,大家有更方便的解决方法,欢迎补充)