这篇“Vue如何使用axiOS添加请求头”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue如何使用axios添加请求头”文
这篇“Vue如何使用axiOS添加请求头”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue如何使用axios添加请求头”文章吧。
import axios from 'axios'const service = axios.create({ baseURL: process.env.VUE_APP_api, // 请求的接口 timeout: 100000 // 请求超时时间}) // 使用拦截器,定义全局请求头service.interceptors.request.use(config => { // 在请求头中添加token config.headers.Authorization = window.localStorage.getItem("user") return config})// 设置 Vue.prototype.$Http 为 axios 的别名:Vue.prototype.$http=service
this.$http({ url: "url", params: { bookNumber: this.booknum } }) .then(res => { // 成功 }) .catch(err => { // 失败 });
在浏览器的http的 GET, POST的跨域请求中,添加自定义头部,发送不是字符串,fromData的数据时,都是非简单请求。
浏览器都预先发出OPTIONS(预检安全请求)。
所以我们在axios中添加自定义头部时候需要后端返回OPTIONS请求允许才进行POST或GET请求。
后端中只需要对OPTIONS请求做出允许自定义头部和状态200即可。
if(req.method==='OPTIONS'){ res.writeHead(200,{ //允许跨域 "Access-Control-Allow-Origin":"*", "Access-Control-Allow-Credentials":"true", //允许请求类型 "Access-Control-Allow-Methods":"*", //允许自定义头部 'Access-Control-Allow-Headers':"*", 'Access-Control-Expose-Headers':'*' }) res.end(); }
以上就是关于“Vue如何使用axios添加请求头”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网精选频道。
--结束END--
本文标题: Vue如何使用axios添加请求头
本文链接: https://www.lsjlt.com/news/330638.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0