Vue的axios使用本地模拟数据

第一步：修改webpack.dev.conf.js配置，在const portfinder = require(‘portfinder’)后面添加下面的话

//获取本地数据开始
const express =require(‘express’)
const app =express()
var appData=require("…/mock/goods")
var goods=appData.result
var apiRoutes=express.Router()
app.use("/api",apiRoutes)
//获取本地数据结束

相同文件下在devServer最后增加下面的代码：

，before(app) {
app.get(’/api/goods’, (req, res) => {
res.json({
errno: 0,
data: goods
})
})
}

其他文件引用

import Axios from “axios”

使用：

,methods:{
        getData(){
          //请求数据
          Axios.get("/api/goods").then((response)=>{
            alert(response);
          }).catch((error)=>{
            console.log(error);
          })
        }
      },mounted() {
        this.getData();
      }