天天看点

vue-axios中post和get携带参数和token

get请求携带id删除某一项

this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …igns/delete?id={id}`,        //利用了字符串模板来携带id

headers:{

‘token’:window.localStorage.getItem(‘token’)    //由于是多页面应用所以token存储在本地localStorage中

}

},

).then(res=>{

console.log(res)

this.inlist()

}).catch(req=>{

console.log(req)

})

this.$axios.get(url,{

  headers:{

  token:******,

},

params:{    //携带的数据

     param1: string,

     param2: string

}

}).then(res=>{})

.catch(req=>{})

post请求

this.$axios.post(’/scihua/webapp/userorder/preCreateOrder’,{

“count”: this.count, //数目 默认1

“fileSelectKey”: this.fileSelectKey, //选择下载文件的规格 格式_dpi

“fileType”: this.fileType, //下载的文件类用到的格式属性

“height”: this.height, //高度

“orderSn”: this.geturl(‘orderSn’), //订单id

“orderType”: “prodFile”, //订单类型

“payType”: “wxpay”, //支付方式 alipay wxpay

“resolution”: this.resolution, //下载的文件类用到的分辨率

“width”: this.width //宽度

},{

headers:{

‘token’:window.localStorage.getItem(‘token’)    //也是在本地中拿到token

}

}).then(res=>{

console.log(res)

if (res.data.code500){

this.msg=res.data.msg                //后台返回code500时候我们将错误回馈到页面上

this.ish1=true

}else {

this.isshow=true

this.value=res.data.code_url

}

}).catch(req=>{

console.log(req)

this.ish1=true

})

另外一种请求方式就是

data:{            //在data中创建对象,然后我们post请求中携带过去

wx:{

openid:null,

headimgurl:null,

nickname:null,

unionid:null,

phone:null,

password:null

}

}

this.$axios.post(’/scihua/webapp/login/bindingExistUser’,this.wx)

.then( res=> {

if(res.data.msg == ‘success’){

window.localStorage.setItem('token',res.data.token)
    setTimeout(()=>{
    window.location.href='file.html'
    },300)
}else{

    this.warning(res.data.msg)
}
           

}).catch( req=> {

console.log(req)

})

继续阅读