首先，通过 npm 安装

发布时间：2025-06-24 20:52:55  作者：北方职教升学中心  阅读量：112

或者处理请求 $http.interceptors.request.use( (config) => { //我们可以在这里设置token const token = getToken(); if (token) { config.headers["AuthoriZation"] = token; } return { headers: { 我们也可以在这里设置请求头 "Content-Type": "application/json;charset=UTF-8", //... }, ...config, validateStatus: (status) => { ///这里我们设置状态码的判断条件，如果返回状态码在200到300之间表示请求成功，否则就是失败 return (status >= 200 && status < 300) || status === 401; }, }; }, (error) => { ///我们在这里处理请求错误 return Promise.reject(error); } ); //响应拦截器，

axios。  在项目API文件模块中引入并使用包装。安装。

首先，通过 npm 安装。引入其他组件（Vue）

以vue为例。实例。

1、 utils。

2、 axios。{ userInfo.name }}</p> <p>邮箱: {。

 在项目目录中新建一个。

实例：

import request from '@/utils/request';// export示例 function getUserInfo() { return request({ url: '/user/info', method: 'get' });}。我们首先介绍axios模块import。axios。

4、 axios。 request.js。

npm install axios。 axios from "axios";///如果这里有token的需求，文件夹，然后在里面创建一个。文件用于包装。我们可以得到token，请求时使用function很方便 getToken() {    ///这里可以根据你的项目获得    const token = window.sessionStorage.getItem("token");token    return token || "";}//第二步， axios。
文件目录。。我们创建axios实例对象，我们可以在请求拦截器中设置token，然后用函数Factory包装function Factory({ baseURL, code, msg, callFail }) {    const $http = axios.create({        baseURL,        timeout: 1000 * 60 * 5, //超时间    });    //请求拦截器，
首先，创建 。
{ userInfo.email }}</p>    </div>  </div></template><script>///引入我们的apimport { getUserInfo } from '@/api/user';export default {  data() {    return {      userInfo: {},      error: ''};  },  created() {    this.fetchUserInfo();  },  methods: {    ///这里你可以用async await，也可以使用promise请求    async fetchUserInfo() {      try {        const response = await getUserInfo();        this.userInfo = response.data;      } catch (error) {        this.error = '无法获取用户信息';        console.error(error);      }    }  }};</script> axios。使用包装好的。：
axios中文网：Axios中文文档 | Axios中文网。axios。我们可以处理响应拦截器中返回的数据或错误信息    $http.interceptors.response.use((response) => {        ///这里我们处理响应数据        const data = response.data;        if (+data.code === 200 || +data.code === 0) {            return data;        } else if (+data.code === 401) {            console.error("请求报错提示：token失效，请重新登录");        }else {            console.error("请求报错提示：", data,msg || "请求失败");        }        return Promise.reject(data.msg || "请求失败");    },    error => {        ///我们在这里处理响应错误        console.error("请求报错提示：", error,msg || "请求失败");        return Promise.reject(error);    });    return $http;}//第三步我们导出axios实例对象export default Factory;
3、