Vue3 在Axios中添加数据来自于sessionStorage的请求头（请求头添加token）

UDK_KL.

于 2021-08-13 19:49:07 发布

阅读量1k

点赞数 1

分类专栏： Vue学习笔记文章标签： vue token ajax

本文链接：https://blog.csdn.net/qq_40016124/article/details/119682862

版权

这篇博客主要介绍了如何在Vue应用中利用axios库进行API请求，并配置全局请求基础路径。同时，展示了如何设置请求拦截器，在发送请求前添加token到header，以便处理身份验证。此外，还提及了登录成功后如何将后端返回的token存储到sessionStorage中，以解决跨域问题。

摘要由CSDN通过智能技术生成

main.js

const app = createApp(App)
app.config.globalProperties.$http = axios;
//接口请求的基准路径
axios.defaults.baseURL = 'http://192.168.1.111:8083/';
// 添加请求拦截器

axios.interceptors.request

最低0.47元/天解锁文章

UDK_KL.

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Vue3 在Axios中添加数据来自于sessionStorage的请求头（请求头添加token）

main.jsconst app = createApp(App)app.config.globalProperties.$http = axios;//接口请求的基准路径axios.defaults.baseURL = 'http://192.168.1.111:8083/';// 添加请求拦截器axios.interceptors.request.use(config => { // 在发送请求之前做些什么 // 判断是否存在token,如果存在将每个页面heade
复制链接

扫一扫

专栏目录