Vue项目中如何使用Axios进行高效封装和发送HTTP请求？

本文共计945个文字，预计阅读时间需要4分钟。

前言：使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出错误信息。请求超时的时候可以断开请求，还可以很方便地使用then或catch来处理请求。

示例：javascriptaxios.interceptors.request.use(config=> { // 在发送请求之前做些什么 return config;}, error=> { // 对请求错误做些什么 return Promise.reject(error);});

axios.interceptors.response.use(response=> { // 对响应数据做点什么 return response;}, error=> { // 对响应错误做点什么 return Promise.reject(error);});

前言

使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便地使用then或者catch来处理请求。

下载源码

安装

npm install axios --save

建立http.js文件

在/src/utils/目录下建立一个htttp.js

1.首先导入axios和router。

import axios from 'axios'; import router from '../router';

2.接着设置axios请求参数。