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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 3704 days ago, the information mentioned may be changed or developed.

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

我用 gulp + browser-sync

post

JSON

静态

XXX

22 replies • 2017-12-26 11:42:25 +08:00

learnshare

Mar 7, 2016

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

ChefIsAwesome

Mar 7, 2016

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

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

b821025551b

Mar 7, 2016

chrome 的插件： Postman

aosp

Mar 7, 2016

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

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

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

b821025551b

Mar 7, 2016

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

lululau

Mar 7, 2016

https://apiary.io

dong3580

Mar 7, 2016

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

aosp

Mar 7, 2016

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

linauror

Mar 7, 2016

form 表单 post 提交

oott123

Mar 7, 2016

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

CupTools

Mar 7, 2016

Postman +1

CupTools

Mar 7, 2016

瞎了。 requestb.in

Keita1314

Mar 7, 2016

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

wakiki

Mar 7, 2016

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

w88975

Mar 7, 2016

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