各位大神，纯前端开发环境怎么测 post 的接口？用 post 发给 xxx.json 静态文件都是返回 404

[aosp]

各位大神，做前端开发的时候，前后端的都用 json 来交互。那我纯做前端的时候，就用一些 xxx.json 的静态文件返回结果做测试。但是有些接口是 post 的。 post 那些 xxxx.json 静态文件的话，都是返回 404 ， get 就没问题。不用架后端（ java 、.net 、 php 那些），前端开发的时候怎么测 post 呢？

我用 gulp + browser-sync

[learnshare]

我一般用 Node.js 写几个简单的 API 来模拟，或者你可以在前端用 JS 来模拟返回数据。

[ChefIsAwesome]

学点 node 自己写。自己写灵活性大，而且这种 testServer 基本都差不多，写一次以后都可以用。我一般会写成每三四次请求出现一个错误这种，方便各种测试。

> post 那些 xxxx.json 静态文件的话，都是返回 404
这话说的略业余。

[b821025551b]

chrome 的插件： Postman

[aosp]

@ChefIsAwesome github 或 npm 中有现成的吗？

> post ... 简写嘛，大家都看得懂


@b821025551b postman 不是跟 RESTclient 那种吗，还能做服务器端？

[b821025551b]

@aosp 哦抱歉我刚刚理解错了。

[lululau]

https://apiary.io

[dong3580]

先设置成 get 啊，完了改成 post

[aosp]

@dong3580 我也想过这样，但是很多都要改不是很麻烦

[linauror]

form 表单 post 提交

[oott123]

为啥会 404
你用的什么服务器？主流的 HTTP 服务器通常可以配置为允许静态文件被 POST 。

[CupTools]

Postman +1

[CupTools]

瞎了。 requestb.in

[Keita1314]

所以前端最好懂一门后端语言， PHP ， Python ， node.js ，虽然有很多 Mock Server 可用，但自己懂更加好

[wakiki]

https://github.com/typicode/json-server 这个最简单了

[w88975]

既然你都用 gulp 了 说明还是懂一点 Node 直接自己搭一个简单的 server 环境不行吗


var express = require('express');
var app = express();
var fs = require('fs');
var path = require('path');
var cwd = process.cwd();

app.get(/^(.+)$/,serverProcessor);
app.post(/^(.+)$/,serverProcessor);

var serverProcessor = function (req, res) {
var rootPath = fs.existsSync(cwd + req.params[0]) === true ? cwd : path.join(cwd, '项目根目录');
var fileName = rootPath + req.params[0];
if (fs.existsSync(fileName)) {
res.sendFile(fileName);
if (path.extname(fileName) === '') {
res.setHeader("Content-Type","text/plain");
}
return;
}
res.end();
};

[tao1991123]

1.Chrome 插件 postman
2. mockjs 模拟数据
3.nodejs 搭建一个简单的 server

[wulongqiu]

postman

[walleL]

http://blog.brainless.in/2012/01/server-static-files-from-nginx-for-post.html
如果你是用 nginx 的话

[aosp]

@wakiki 你这个就是我要找的，谢谢

[charlie21]

WebStorm - MEAN Stack Walkthrough and Tips - 感觉简单流畅

[stariveer]

browserSync({
server: {
baseDir: './dev/',
directory: true,
middleware: function(req,res,next){
req.method = 'GET';
return next();
}
}
});

[RorschachZZZ]

@walleL 帮大忙了，感谢。