mock数据+vue-resource

mock数据
//首先
const express = require('express')
const app = express()
var appData = require('../data.json') var seller = appData.seller var apiRoutes = express.Router() app.use('/api', apiRoutes) //找到devServer,添加 before(app) { app.get('/api/seller', (req, res) => { res.json({ // 这里是你的json内容 errno: 0, data: seller }) }) }
添加多个的方法，直接加逗号，然后继续写

before(app) {
  app.get('/api/base_info', (req, res) => {
    res.json({
      errno: 0,
      data: base_info
    })
  }),
  app.get('/api/edu_info', (req, res) => {
    res.json({
      errno: 0,
      data: edu_info
    })
  }),
  app.get('/api/job_info', (req, res) => {
    res.json({
      errno: 0,
      data: job_info
    })
  })
}

转自： https://segmentfault.com/q/1010000011988039?sort=created

vue-resource 请求数据
首先
main.js中

import VueResource from 'vue-resource';

Vue.use(VueResource);

然后

<script>
    export default {
        data() {
            return {
                myData:{}
            }
        },
        mounted() {      
            this.$http.get(url).then((response) => {
                // success
              this.myData = response.body.data;  --将数据转化为json形式，注意这里的this
            },(error) => {
                // error
                console.log(error)
            });
        }
    }
</script>

例子：注意多个请求的写法：

export default{
  data() {
    return {
      base_info:{},
      edu_info:{}
    }
  },
  mounted:function(){
    this.$http.get('/api/base_info').then(response => {
      this.base_info = response.body.data[0];
    }),
    this.$http.get('/api/edu_info').then(response => {
      this.edu_info = response.body.data[0];
    })
  }
}

 

转载于:https://www.cnblogs.com/yinqiong/p/8304124.html