vue沒有dev-server.js

vue沒有dev-server.js，新版的vue沒有dev-server.js。改用webpack.dev.conf.js代替。

本身mock數據。模擬數據在vue裏面。

var app = express()

var appData = require('../data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;

1.

#webpack.dev.conf.js
//首先
// nodejs開發框架express，用來簡化操做
const express = require('express')
// 建立node.js的express開發框架的實例
const app = express() 
// 引用的json地址
var appData = require('../data.json')
// json某一個key
var goods = appData.result

var apiRoutes = express.Router()
app.use('/api', apiRoutes)

2.添加post請求

//post請求
apiRoutes.post('/foods', function(req, res) { //注意這裏改成post就能夠了
    res.json({
        error: 0,
        data: foods
    });
})

3.    devServer裏面加入

before(app) {
            app.get('/api/someApi', (req, res) => {
                res.json({
                    // 這裏是你的json內容
                })
            })
        }

以下：

devServer: {         clientLogLevel: 'warning',         historyApiFallback: true,         hot: true,         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,         },         // 在devServer選項中添加如下內容         //get請求         before(app) {             app.get('/api/someApi', (req, res) => {                 res.json({                     // 這裏是你的json內容                 })             })         }     },