用最新的vue-cli生成的项目中配置json-server,post请求的话如何设置?

要是get请求我是这样配置,这配置是可以成功的。

clipboard.png

clipboard.png

build文件夹里的文件是这样的。
clipboard.png

可是我用post请求的话,就会报错,请问post的配置如何?

阅读 3.9k
3 个回答
新手上路,请多包涵

请问问题你解决了吗

json-server只能处理get请求,不能处理post请求,参考下面这篇文章可以解决:
http://blog.csdn.net/benben51...

即:
1.config目录下的index.js,修改dev中的proxyTable为:

proxyTable: {
        '/api/': 'http://localhost:3000/'
    }

2.build目录下webpack.dev.conf.js文件增加:

// express配置server
var express = require('express')
var apiServer = express()
var bodyParser = require('body-parser')
apiServer.use(bodyParser.urlencoded({ extended: true }))
apiServer.use(bodyParser.json())
var apiRouter = express.Router()
var fs = require('fs')
apiRouter.route('/:apiName') //接口路径

.all(function (req, res) {
    fs.readFile('./data.json', 'utf8', function (err, data) {  //读取接口文件
        console.log(err)
        if (err) throw err
        var data = JSON.parse(data)
        if (data[req.params.apiName]) {
            res.json(data[req.params.apiName])
        } else {
            res.send('no such api name')
        }
    })
})
apiServer.use('/api', apiRouter);
apiServer.listen(3000, function (err) {

if (err) {
    console.log(err)
    return
}
console.log('Listening at http://localhost:' + 3000 + '\n')
})

3.修改build目录下webpack.dev.conf.js文件中的devServer,增加:

// Invalid Host header问题修复
disableHostCheck: true

注:data.json是与build同目录级别的mock数据文件

建议koa+mock.js

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
1 篇内容引用
推荐问题
宣传栏