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内容                 })             })         }     },