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; });