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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3191 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

我用 gulp + browser-sync

post

JSON

静态

XXX

22 条回复 • 2017-12-26 11:42:25 +08:00

learnshare

2016-03-07 10:40:36 +08:00

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

ChefIsAwesome

2016-03-07 10:47:39 +08:00

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

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

b821025551b

2016-03-07 10:53:02 +08:00

chrome 的插件： Postman

aosp

2016-03-07 10:58:34 +08:00

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

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

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

b821025551b

2016-03-07 11:01:25 +08:00

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

lululau

2016-03-07 11:11:15 +08:00

https://apiary.io

dong3580

2016-03-07 11:11:16 +08:00

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

aosp

2016-03-07 11:14:08 +08:00

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

linauror

2016-03-07 11:38:51 +08:00

form 表单 post 提交

oott123

2016-03-07 11:44:20 +08:00

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

CupTools

2016-03-07 11:46:52 +08:00

Postman +1

CupTools

2016-03-07 11:47:38 +08:00

瞎了。 requestb.in

Keita1314

2016-03-07 12:04:43 +08:00

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

wakiki

2016-03-07 12:10:46 +08:00

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

w88975

2016-03-07 13:09:10 +08:00

既然你都用 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();
};