Vue在项目中如何引入本地Json数据

//第一步 const portfinder = require('portfinder'),在后面加上
const express = require('express');
const app = express();//请求server
const appData = require('../data.json');//加载本地数据文件
 
const goodsList = appData.goodsList;//获取对应的本地数据
 
const apiRoutes = express.Router();
app.use('/api', apiRoutes);//通过路由请求数据

 //第二步找到devServer,在里面添加
    before(app) {
 
      app.get('/api/goodsList', (req, res) => {
        res.json({
          errno: 0,
          data: goodsList
        })//接口返回json数据，上面配置的数据seller就赋值给data请求后调用
      })
 
    }

 /*请求Json数据*/
  const ERR_OK = 0;
 
  export default {
      data() {
        return {
          goodsList:[]
        }
      },
      created() {
        this.$http.get('/api/goodsList').then((response) => {
          response = response.body;
          if (response.errno === ERR_OK) {
            this.goodsList = response.data;
          }
        });
      }
  }

<li class="goods-item" v-for="goodsTab in goodsList" >{{goodsTab.name}}</li>