vue中使用mockjs模拟后端返回json格式数据

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);
    });
上一篇:java – Spring JdbcTemplate如何记录异常参数?


下一篇:CorelDRAW制作有创意的汽车宣传海报