Vue的build下没有dev-sever.js(关于慕课高仿饿了么webapp的讲解)

原因：

新版本的vue已将dev-server.js与webpack.dev.conf.js合并，若要写路由相关配置需要找到webpack.dev.conf.js中的devServer对象进行相关配置

At first:

打开build文件夹，找到文件webpack.dev.conf.js文件

找到const portfinder = require('portfinder')这句话，修改如下

const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
const portfinder = require('portfinder');

const express = require('express');
const app = express();
var appData = require('../data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;
var apiRoutes = express.Router();
app.use('api',apiRoutes);

 再找到

plugins: [
  new webpack.DefinePlugin({
    'process.env': require('../config/dev.env')

在其上面添加如下代码

    before(app){
      app.get('/api/seller',(req,res)=>{
        res.json({
          errno:0,
          data:seller
        });
      }),
      app.get('/api/goods',(req,res)=>{
        res.json({
          errno:0,
          data:goods
        })
      }),
      app.get('/api/ratings',(req,res)=>{
        res.json({
          errno:0,
          data:ratings
        })
      })
    }
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': require('../config/dev.env')
    }),

测试如下

npm run dev

谷歌浏览器输入      http://localhost:8080/api/ratings