詳解vue2.0模擬后臺(tái)json數(shù)據(jù)

const express = require('express')
const app = express()//請(qǐng)求server
var appData = require('../db.json')//加載本地?cái)?shù)據(jù)文件
var news = appData.getNewsList//獲取對(duì)應(yīng)的本地?cái)?shù)據(jù)
var products = appData.getproductList
var boards = appData.getBoardList
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

devServer: {
  clientLogLevel: 'warning',
  historyApiFallback: {
   rewrites: [
    { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
   ],
  },
  hot: true,
  contentBase: false, // since we use CopyWebpackPlugin.
  compress: true,
  host: HOST || config.dev.host,
  port: PORT || config.dev.port,
  open: config.dev.autoOpenBrowser,
  overlay: config.dev.errorOverlay
   ? { warnings: false, errors: true }
   : false,
  publicPath: config.dev.assetsPublicPath,
  proxy: config.dev.proxyTable,
  quiet: true, // necessary for FriendlyErrorsPlugin
  watchOptions: {
   poll: config.dev.poll,
  },
  
//在這里添加，記得前面加上逗號(hào)不然會(huì)報(bào)錯(cuò)  	
before(app) {
 app.get('/api/news', (req, res) => {
  res.json({
   errno: 0,
   data: news
  })//接口返回json數(shù)據(jù)，上面配置的數(shù)據(jù)seller就賦值給data請(qǐng)求后調(diào)用
 }),
 app.get('/api/products', (req, res) => {
  res.json({
   errno: 0,
   data: products
  })
 }),
  app.get('/api/boards', (req, res) => {
  res.json({
   errno: 0,
   data: boards
  })
 })
  
  
  }
  
  
  
  
 },

export default {
		components:{
			slideShow
		},
 
    //請(qǐng)求模擬的json數(shù)據(jù)
		created: function(){
			this.$http.get('api/news')
			.then((data)=>{
				this.newsList = data.data.data;
        //newsList是先在頁(yè)面上定義變量，用來(lái)裝載請(qǐng)求到的數(shù)據(jù)
			},(err)=>{
				console.log(err)
			}),
			
			this.$http.get('api/products')
			.then((data)=>{
				this.productList = data.data.data;
			},(err)=>{
				console.log(err)
			}),
			
			this.$http.get('api/boards')
			.then((data)=>{
				
				this.boardList = data.data.data;
			},(err)=>{
				console.log(err)
			})
		},

data(){
			return {
			
				
				boardList:[
					
				],
	
				newsList:[
					
				],
				productList:{
					
				}
			}
		},