vue axios调用后端接口,vue-axios使用

　　本文主要介绍Vue使用axios添加请求头的方式，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　使用axios添加请求头时添加自定义头的问题

使用axios添加请求头

　　从“axios”导入axios

　　const service=axios.create({

　　基本URL: process.env.vue _ app _ API，//请求的接口

　　超时：100000 //请求超时

　　})

　　//使用拦截器定义全局请求头。

　　service . interceptors . request . use(config={

　　//在请求头中添加令牌

　　config . headers . authorization=window . local storage . getitem( user )

　　返回配置

　　})

　　//将Vue.prototype.$http设置为axios的别名：

　　Vue.prototype.$http=service

　　这个。$http({

　　URL:“URL”，

　　参数：{

　　图书编号：this.booknum

　　}

　　})。然后(res={

　　//成功

　　})。catch(错误={

　　//失败

　　});

axios添加自定义头部出现的问题

　　在浏览器的http GET和POST的跨域请求中，添加自定义头，发送string和fromData以外的数据，都是非简单请求。

　　浏览器提前发布选项。

　　因此，当我们在axios中添加自定义头时，我们需要后端在发出POST或GET请求之前返回选项请求权限。

　　后端中只需要对OPTIONS请求做出允许自定义头部和状态200即可。

　　if(req.method===OPTIONS){

　　res.writeHead(200，{

　　//允许跨域

　　访问控制允许起源: * ，

　　“访问控制允许凭证”:“真”，

　　//允许请求类型

　　访问控制允许方法: * ，

　　//允许自定义标题

　　访问控制允许头: * ，

　　access-Control-Expose-Headers:“*”

　　})

　　RES . end()；

　　}

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。