V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
aosp
V2EX  ›  前端开发

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

  •  
  •   aosp · 2016-03-07 10:34:39 +08:00 · 6304 次点击
    这是一个创建于 3178 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    我用 gulp + browser-sync

    22 条回复    2017-12-26 11:42:25 +08:00
    learnshare
        1
    learnshare  
       2016-03-07 10:40:36 +08:00
    我一般用 Node.js 写几个简单的 API 来模拟,或者你可以在前端用 JS 来模拟返回数据。
    ChefIsAwesome
        2
    ChefIsAwesome  
       2016-03-07 10:47:39 +08:00
    学点 node 自己写。自己写灵活性大,而且这种 testServer 基本都差不多,写一次以后都可以用。我一般会写成每三四次请求出现一个错误这种,方便各种测试。

    > post 那些 xxxx.json 静态文件的话,都是返回 404
    这话说的略业余。
    b821025551b
        3
    b821025551b  
       2016-03-07 10:53:02 +08:00
    chrome 的插件: Postman
    aosp
        4
    aosp  
    OP
       2016-03-07 10:58:34 +08:00
    @ChefIsAwesome github 或 npm 中有现成的吗?

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


    @b821025551b postman 不是跟 RESTclient 那种吗,还能做服务器端?
    b821025551b
        5
    b821025551b  
       2016-03-07 11:01:25 +08:00
    @aosp 哦抱歉我刚刚理解错了。
    lululau
        6
    lululau  
       2016-03-07 11:11:15 +08:00
    dong3580
        7
    dong3580  
       2016-03-07 11:11:16 +08:00
    先设置成 get 啊,完了改成 post
    aosp
        8
    aosp  
    OP
       2016-03-07 11:14:08 +08:00
    @dong3580 我也想过这样,但是很多都要改不是很麻烦
    linauror
        9
    linauror  
       2016-03-07 11:38:51 +08:00
    form 表单 post 提交
    oott123
        10
    oott123  
       2016-03-07 11:44:20 +08:00
    为啥会 404
    你用的什么服务器?主流的 HTTP 服务器通常可以配置为允许静态文件被 POST 。
    CupTools
        11
    CupTools  
       2016-03-07 11:46:52 +08:00
    Postman +1
    CupTools
        12
    CupTools  
       2016-03-07 11:47:38 +08:00
    瞎了。 requestb.in
    Keita1314
        13
    Keita1314  
       2016-03-07 12:04:43 +08:00
    所以前端最好懂一门后端语言, PHP , Python , node.js ,虽然有很多 Mock Server 可用,但自己懂更加好
    wakiki
        14
    wakiki  
       2016-03-07 12:10:46 +08:00
    w88975
        15
    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();
    };
    tao1991123
        16
    tao1991123  
       2016-03-07 13:36:57 +08:00
    1.Chrome 插件 postman
    2. mockjs 模拟数据
    3.nodejs 搭建一个简单的 server
    wulongqiu
        17
    wulongqiu  
       2016-03-07 13:54:44 +08:00
    postman
    walleL
        18
    walleL  
       2016-03-07 19:09:48 +08:00
    aosp
        19
    aosp  
    OP
       2016-03-08 21:10:11 +08:00
    @wakiki 你这个就是我要找的,谢谢
    charlie21
        20
    charlie21  
       2016-03-09 15:25:19 +08:00
    WebStorm - MEAN Stack Walkthrough and Tips - 感觉简单流畅
    stariveer
        21
    stariveer  
       2016-07-05 17:45:57 +08:00
    browserSync({
    server: {
    baseDir: './dev/',
    directory: true,
    middleware: function(req,res,next){
    req.method = 'GET';
    return next();
    }
    }
    });
    RorschachZZZ
        22
    RorschachZZZ  
       2017-12-26 11:42:25 +08:00
    @walleL 帮大忙了,感谢。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1005 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:26 · PVG 05:26 · LAX 13:26 · JFK 16:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.