vue axios post不能本地json

Posted 2020-09-14 Yuri 前端什么狮子

vue 脚本架里axios post是不能本地json，GET可以

解决这个问题需要自己在node里写脚本:

在build里新建立fakedata.js

var express = require(‘express‘)
var app = express()

// 本地json-server服务器搭建代码
// 引入数据库文件
var appData = require(‘../static/data/1.json‘);
var apiRoutes = express.Router()
// 使用api的方法来创建连接时候的请求
apiRoutes.post(‘/test‘, function (req, res) {
  res.json({
    errno: 0 ,
    data: appData
  });
})

apiRoutes.post(‘/test2‘, function (req, res) {
  res.json({
    errno: 0 ,
    data: appData.data.slide
  });
})


module.exports = apiRoutes;
// 调用api
//app.use(‘/api‘, apiRoutes);
//axios.post(‘/api/test2,{"abc":234}); 这样的形式调用

然后在dev-server.js最后加上：

var fakedata= require(‘./fakedata.js‘);
app.use(‘/api‘, fakedata);

重启后，这样就可以：

axios.post(‘/api/test2‘,{"abc":123}); 调用了