vue-cli2和vue-cli3请求本地数据

1. vue-cli3
   在根目录创建 vue.config.js文件
   在vue.config.js中添加以下代码

// vue.config.js
const express = require('express')
const app = express()
 
var count_data = require('./data/count-data.json')  //本地json文件数据

var apiRoutes = express.Router();
app.use('/api',apiRoutes)
 
module.exports = {
   devServer:{      
     before(app) {
       app.get('/api/count_data', (req, res) => {
            res.json({              
                errno: 0,   // 这里是你的json内容
                data: count_data
            })
        })
    }
}

发送请求时

this.axios.get('/api/count_data')
.then(res => {
       // console.log(res)
}) 

2. vue-cli2请求本地json文件
   找到dev-server.js文件 添加以下代码

// 写在 var app = express()这段代码之后
var count_data = require('../static/data/count-data.json')  //本地json文件数据

let apiRoutes = express.Router()
app.use('/api', apiRoutes) 

app.get('/api/count_data', (req, res) => {
  res.json({              
      errno: 0,   // 这里是你的json内容
      data: count_data
  })
})

发送请求时

this.axios.get('/api/count_data')
.then(res => {
       // console.log(res)
})