1、安装axios和mockjs
npm install axios --save
npm install mockjs
2、编写mock.js
import data1 from './login.json' //想要返回的数据
var Mock = require('mockjs') //获取mock对象
Mock.mock('http://ggena/login', 'post', //“拦截域名”,“请求方式”,“返回数据”
req => {
console.log(req)//请求体,用于获取参数
return data1
}
)
3、axios的js文件编写
import Vue from 'vue'
import Axios from 'axios'
import 'network/mock/mock.js' //引入mock.js文件
Axios.defaults.baseURL = 'http://ggena/' //设置默认请求头
Vue.prototype.$http = Axios //将axios挂载到vue原型上,使每一个vue的组件都可以通过this直接访问到$http,
//从而发起ajax请求
4、在main.js文件中引入axios的js文件
import 'network/index.js'
5、组件中使用
this.$http.post("login").then(res => {
console.log(res);
});