vue-cli3脚手架引入 axios 两种方式

写在前： vue-cli3脚手架新建的项目中 全局使用 axios 

---

使用npm:  安装axios  

npm install axios

---

第一种方式： 配合vue-axios使用

npm install vue-axios --save

安装成功后，在main.js 中引入

import axios from 'axios';
import VueAxios from 'vue-axios';

// axios  全局设置 （process.env.VUE_APP_URL 新建文件中的地址）
// axios.defaults.baseURL = process.env.VUE_APP_URL;


axios.defaults.baseURL = 'http://11.22.33.123:8080/admin/'
Vue.use(VueAxios, axios);

使用

this.axios.post('接口名字', {参数 键值对格式}).then((res) => ) { console.log(res)}

第二种方式，安装axios 后 在main.js中引入

import axios from 'axios';

//axios.defaults.baseURL = process.env.VUE_APP_URL;

axios.defaults.baseURL = 'http://11.22.33.123:8080/admin/'
Vue.prototype.$axios = axios

使用