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數據結構以下：