我们在使用Vue的axios发送异步请求时,可以对axios进行以下封装。

// 配置axios,并且将axios注入到vue实例中。之后便可以直接使用$axios来发送请求
// 以下代码为main.js中的代码
import axios from "axios";
Vue.prototype.$axios = axios

settings的封装
1、在src文件下创建settings.js文件。

export default {
    // http://127.0.0.1:8000/
    // 这里可以在hosts文件中配置 url映射
    "HOST": "http://127.0.0.1:8000/"
}

2、在main.js文件中进行配置

// 设置全局的settings
import settings from "./settings";
Vue.prototype.$settings = settings;
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐