使用请求头携带_yarn_使用`this.$axios`来发送请求
一、使用请求头携带
使用请求头携带token是大家常用的方法,尤其是在进行API请求认证的时候。
安装Axios:
先在项目中安装Axios库,因为Axios可以帮助我们方便地发送请求。
- 在项目根目录下打开终端或命令行。
- 输入命令:`npm install axios` 或 `yarn add axios`,根据你使用的包管理工具选择。
配置Axios拦截器:
接下来,我们创建一个配置文件来设置Axios的基本配置。
- 在项目中创建一个文件,比如`axios.config.js`。
- 在里面进行如下配置:
const axios = require('axios'); const instance = axios.create({ baseURL: '', timeout: 1000 }); instance.interceptors.request.use(config => { // 在这里可以添加token到请求头 config.headers.Authorization = 'Bearer your_token_here'; return config; }, error => { return Promise.reject(error); }); module.exports = instance;
在Vue组件中使用:
最后,在你的Vue组件中引入并使用配置好的Axios实例。
- 在组件的`