vue3如何封装axios

最新推荐文章于 2024-09-24 15:15:50 发布

fengshaopu

最新推荐文章于 2024-09-24 15:15:50 发布

阅读量912

点赞数

分类专栏： vue3 文章标签： html javascript vue.js

本文链接：https://blog.csdn.net/fengshaopu/article/details/122067934

版权

本文介绍了在Vue3中封装axios的步骤，包括下载axios和qs库，创建axios配置文件，进行配置，并展示了如何局部导入和使用封装后的axios。

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

1.下载axios

npm install axios -S

2.下载 qs

npm install qs -S

3.然后可以在文件夹下面创建相应的axios的文件比如index

4.然后配置

import axios from "axios";
import qs from "qs";

// axios.defaults.baseURL = ''  //正式
// axios.defaults.baseURL = 'http://test' //测试

//post请求头
axios.defaults.headers.post["Content-Type"] ="application/x-www-form-urlencoded;charset=UTF-8";
//设置超时
axios.defaults.timeout = 10000;

axios.interceptors.request.use(
  config => {
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

axios.interceptors.response.use(
  response => {
    if (response.status == 200) {
      return Promise.resolve(response);
    } else {
      return Promise.reject(response);
    }
  },
  error => {
  	alert(`异常请求：${JSON.stringify(error.message)}`)
  }
);
export default {
  post(url,