vue里的axios的封装与搭建

最新推荐文章于 2024-07-25 22:35:58 发布

吴英琦

最新推荐文章于 2024-07-25 22:35:58 发布

阅读量278

点赞数

分类专栏： vue axios 文章标签： vue js 前端

本文链接：https://blog.csdn.net/weixin_49356003/article/details/117549655

版权

本文介绍了如何在Vue项目中下载并封装axios，包括创建http文件夹、封装axios以加入动画效果和统一域名，然后在Vue的原型上挂载axios，最后展示了在组件中使用axios的异步方法，特别是推荐使用async/await进行数据获取。

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

一，下载axios

使用CMD命令窗口npm i axios -s
使用CMD命令窗口vue ui打开vue界面化操作>插件>下载插件>搜索axios>下载

二，创建文件

在src目录里创建一个http文件夹（文件名可以随便起，引入的时候对应就行了）
在http目录里创建index.js
在index.js里封装axios

import axios from 'axios';
import Vue from 'vue';

import {
    Toast } from 'vant';//vant里的加载效果
Vue.use(Toast);
const resvice = axios.create({
   
    baseURL: 'https://xxxxx',//请求域名
    withCredentials: true,
    timeout: 5000
})
//动画效果
Toast.loading({
   
    message:<