Vue中如何使用axios进行详细请求操作？

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

目录 + 安装：+ 优秀的axios封装（new-axios.js）+ main.js + 引入，添加到vue原型，使用以下步骤一般不需要：+ 总结 + 前提条件：vue-cli + 项目 + 安装：npm install axios from 'axios' + 优秀的axios封装：+ （引用内容）

目录

• 安装：
• 较科学的封装好的axios：（new-axios.js）
• main.js 引入，添加到vue原型
• 使用
• 以下步骤一般不需要
• 总结

前提条件：vue-cli 项目

安装：

npm axios from 'axios'

较科学的封装好的axios：（new-axios.js）

import axios from 'axios' import { Notify } from 'vant'; // import Vue from 'vue' // import store from '@/store'  // 我此项目没有用到vuex，所以vuex代码的都注释了，需要的自己打开使用 // import {ACCESS_TOKEN} from '@/store/mutation-types' // 创建 axios 实例 const requests = axios.create({   baseURL: process.env.VUE_APP_API, // 基础url,如果是多环境配置这样写，也可以像下面一行的写死。