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