vue中axios配置请求头的两种方式

最新推荐文章于 2024-08-19 03:28:29 发布

admin_rdc

最新推荐文章于 2024-08-19 03:28:29 发布

阅读量1.7k

点赞数

文章标签： vue axios token javascript

本文链接：https://blog.csdn.net/weixin_43711783/article/details/118567518

版权

本文介绍了两种在Axios中设置基础URL和添加请求拦截器的方法。方式一通过`axios.defaults.baseURL`设置全局配置，并在拦截器中添加`Authorization`头。方式二则是创建一个自定义的Axios实例，直接在实例配置中指定`baseURL`和`Authorization`头，提供了一种更局部的配置方式。

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

方式一

// 全局配置
axios.defaults.baseURL = process.env.VUE_APP_BASE_API;
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  config.headers['Authorization'] = getToken();
  return config;
}

方式二

// create an axios instance
const service = axios.create({
  baseURL: 'http://xxx.xxx.xxx.xxx:8888',
  timeout: 5000, // request timeout,
  headers: {
    'Authorization': "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1xxx"
  }
})