跟网上教程比，少了两个文件，多了个图片。而少的dev-server.js文件正好是要进行模拟后台数据的，现在改怎么办呀，如何模拟本地数据操作？

我弄了一下午，重装了好多次，发现vue-cli的build文件夹下，没有dev-server.js文件

发布于
2017-11-13

✓ 已被采纳

答案和1楼的一样：
在webpack.dev.conf.js文件中

//首先
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)

//找到devServer,添加
before(app) {
  app.get('/api/seller', (req, res) => {
    res.json({
      // 这里是你的json内容
      errno: 0,
      data: seller
    })
  }),
  app.get('/api/goods', (req, res) => {
    res.json({
      // 这里是你的json内容
      errno: 0,
      data: goods
    })
  }),
  app.get('/api/ratings', (req, res) => {
    res.json({
      // 这里是你的json内容
      errno: 0,
      data: ratings
    })
  })
}

这样就可以了

HaHa

52511430

发布于
2017-11-13

更新于
2017-11-13

在webpack.dev.conf.js这个文件中编辑。

在devServer选项中添加以下内容

before(app) {
  app.get('/api/someApi', (req, res) => {
    res.json({
      // 这里是你的json内容
    })
  })
}

papersnake

12k31739

发布于
2017-11-13

看了一下

"author": "{{ author }}",
    "private": true,
    "scripts": {
 -    "dev": "node build/dev-server.js",
 +    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
      "start": "npm run dev",

最新的vue-webpack-template 中已经去掉了dev-server.js 改用webpack-dev-server 代替
你正常执行 npm run dev 就可以了