vue.js 如何加载本地json文件

在项目开发的过程当中，由于没法和后台的数据作交互，因此咱们能够自建一个假数据文件(如data.json)到项目文件夹中，这样咱们就能够模仿后台的数据进行开发。可是，如何在一个vue.js 项目中引入本地的json文件

 

vue.js代码以下：

 

var app = express() //从这后面开始加
 
var appData = require('../data.json');
 
var seller = appData.seller;
 
var goods = appData.goods;
 
var ratings = appData.ratings;
 
var apiRoutes = express.Router();
 
apiRoutes.get('/seller',function (req,res) {
 
 res.json({
 
  errno:0,
 
  data:seller
 
 });
 
}); 

apiRoutes.get('/goods',function (req,res) {
 
 res.json({
 
  errno:0,
 
  data:goods
 
 });
 
});
 
apiRoutes.get('/ratings',function (req,res) {
 
 res.json({
 
  errno:0,
 
  datta:ratings
 
 });
 
});
 
app.use('/api',apiRoutes);

 

咱们JSON数据结构以下：