vue3 封装axios

最新推荐文章于 2024-07-11 20:00:00 发布

胡说先森

最新推荐文章于 2024-07-11 20:00:00 发布

阅读量268

点赞数

文章标签： vue.js 前端 javascript ecmascript 前端框架

本文链接：https://blog.csdn.net/weixin_35756373/article/details/128867969

版权

本文介绍如何在 Vue3 项目中利用插件机制封装 axios，通过简单的步骤配置，实现 axios 在项目全局的便捷使用，提高开发效率。

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

可以使用 Vue.js 的插件机制来封装 axios。

首先，安装 axios：

npminstall axios

然后，创建一个文件来存放封装的代码，例如 src/plugins/axios.js。在这个文件中，可以这样写：

import axios from 'axios'

const Axios = axios.create({
  baseURL: process.env.VUE_APP_API_BASE_URL, // 这里使用了项目的环境变量
  timeout: 5000,
});

Axios

关注