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数据结构如下：