Vue中使用axios和ajax插件请求数据

axios 三种导入方式
方式一, 导入本地的axios插件

import axios from ‘@/assets/axios.js’;

方式二, 导入模块包中下载的插件

   import axios from 'axios'

方式三, 在main.js文件中注册之后,所有组件即可使用插件
全局导入axios插件

	import axios from 'axios';

把导入的插件挂到Vue构造函数的原型上,然后,在各组件中就可以使用this.axios调用插件

	Vue.prototype.axios = axios;

最后在请求页发起请求

	 this.axios.get("/mydouyu/live").then(data=>{
	        console.log(data.data.data)
	        this.roomList = data.data.data;
	      })

ajax导入方式
定义公共方法 在main.js 中

	import ajax from "./plugins/ajax";
	Vue.prototype.$ajax=ajax;

请求数据

	 this.$ajax.get("/getTypeOne").then(data => {
	                console.log(data.data)
	                this.type_list = data.data;
	            });