1

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

2017-11-13 提问
13 个回答
11

已采纳

答案和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
    })
  })
}

这样就可以了

1

before会报错

王XX · 2017年11月14日

展开评论
3

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

devServer选项中添加以下内容

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

看了一下

"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 就可以了

1

我也发现了这个问题,也试了很多次,也没找到太多的这个提问,原来是这么回事,而且package.json中的依赖也没有了express

0

我也遇到了这种情况,没有dev-server.js和dev-client.js了,做nodejs全栈开发,写数据接口的时候不知道去哪里写

0

这个问题有解决方法了吗?应该怎么模拟后台数据呢?

0

clipboard.png
先在main.js中引入axios插件。
然后修改原型链Vue.prototype.$http = axios;
最后在需要用到的页面用就可以了
clipboard.png

0

我也是这个问题,请问解决了吗?

1

这个博客里讲的很清楚,而且我试过可以用,希望对你有用 http://www.xiuyuan.info/?p=230

柠夏 · 2017年12月15日

展开评论
0

楼主问题解决了吗?我也是看的视频,按照下面贴的更新的代码来写,为什么在控制台可以得到json数据,但是页面无法渲染呢?

0

按照下面贴的更新的代码来写,为什么在控制台可以得到json数据,但是页面无法渲染呢?

0

我想问这样写 为什么get能拿到数据 post就不能拿到呢

0

来来来,看看这个,手动写一遍,devserver说实话比较卡顿;手动搭建vue+node单页面(一)

撰写答案

你可能感兴趣的

推广链接