前端axios添加统一请求头

在前端使用axios发送请求时，可以通过axios的拦截器添加统一请求头。可以在请求发送前通过axios.interceptors.request.use()方法添加请求拦截器，在其中设置请求头信息。例如：

import axios from 'axios';

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在请求头中添加token
  const token = localStorage.getItem('token');
  if (token) {
    config.headers.Authorization = 'Bearer ' + token;
  }
  return config;
}, function (error) {
  return Promise.reject(error);
});

上面的代码中，我们获取了之前存储在localStorage中的token，并将其添加到请求头中。这样，在发送请求时就会自动携带这个请求头。需要注意的是，如果请求中已经自定义了相应的请求头，那么会覆盖掉我们设置的统一请求头。

相关问题

前端网络请求框架axios

axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js的网络请求框架。它可以在浏览器中发送异步请求，也可以在Node.js中发送HTTP请求。axios具有以下特点和功能：

1. 支持Promise：axios基于Promise实现，可以使用async/await或者.then()/.catch()等方式处理异步请求的结果。

2. 跨平台：axios既可以在浏览器中使用，也可以在Node.js环境中使用，使得前后端代码可以共享。

3. 支持拦截器：axios提供了请求拦截器和响应拦截器，可以在发送请求或者接收响应时对其进行拦截和处理，例如添加公共请求头、统一处理错误等。

4. 支持取消请求：axios支持取消请求，可以通过取消令牌（cancel token）来取消正在进行的请求。

5. 提供丰富的配置选项：axios提供了许多配置选项，例如设置请求超时时间、设置请求头、设置响应类型等。

6. 支持并发请求：axios可以同时发送多个并发请求，并且可以使用axios.all()和axios.spread()方法来处理并发请求的结果。

7. 提供简洁的API：axios提供了简洁易用的API，可以方便地发送GET、POST、PUT、DELETE等各种类型的请求。

使用axios作为http请求框架

axios是一个基于Promise的HTTP请求库，它可以在浏览器和Node.js环境中发送HTTP请求。axios可以与各种前端框架（如React、Vue等）和后端框架（如Express、Koa等）一起使用，使得发送和处理HTTP请求变得更加简单和方便。

使用axios发送请求非常简单，只需要使用axios.get、axios.post等方法指定请求的URL和参数即可。axios支持链式调用，可以通过then、catch等方法处理请求的返回结果或错误。

使用axios的优点之一是它可以拦截请求和响应，可以在发送请求前或收到响应后进行处理。我们可以在拦截器中添加一些公共的请求头、请求参数，或者对返回结果进行统一处理，大大减少了重复的代码和工作量。

另一个优点是axios的适配器机制，它可以根据不同的环境自动选择合适的HTTP请求库，比如浏览器环境下使用XMLHttpRequest或fetch，Node.js环境下使用http或https模块。这样使得axios非常灵活，并且可以在不同的环境中无缝切换。

此外，axios还支持取消请求、设置超时时间、上传和下载进度监控等功能，满足了各种复杂的请求需求。同时，axios还可以轻松处理跨域请求、发送和接收Cookies等问题。

综上所述，使用axios作为HTTP请求框架可以简化请求的发起和处理流程，提高开发效率和代码的可维护性。不仅如此，axios还具备丰富的拦截、适配以及其他的功能，使得它成为了开发人员首选的HTTP请求库之一。