Vue中axios、settings的封装配置

我们在使用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;