nginx是反向代理，怎么通过nginx反向代理要测试接口的线上网站呢。

这里自我提供了一个方法，仅供参考！建议不要用于刷接口等非常规的用途，后果会很严重。

首先 用node express创建一个项目test，然后安装依赖什么的等等，不再多说，可搜索express创建项目，我这里新建一个ejs项目，页面包含接口测试，以及日志处理输出等，项目服务器地址是127.0.0.1:7171。

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/test/stylesheets/style.css' />

    <script src='/test/javascripts/jquery-1.8.3.min.js'></script>

  </head>

  <body>

    <h1><%= title %></h1>

    <button id="testBtn">测试接口</button><span id='testResult'></span>

    <p id='timeLeft' style="color:red;">倒计时：0</p>

    <div style="width: 820px;">

      <div id='content1' style='width:400px;height: 400px;overflow-y: auto;border:1px solid #00f;display: inline-block;word-break: break-all;word-wrap: break-word;'>积分日志信息</div>

      <div id='content2' style='width:400px;height: 400px;overflow-y: auto;border:1px solid #00f;display: inline-block;word-break: break-all;word-wrap: break-word;'>正常日志信息</div>

      <div style='width: 400px;display: inline-block;'>

        <button id='startBtn1' type='button' value='开始'>开始</button>

        <button id='throwBtn1' type='button' value='投掷'>接口1</button>

        <span id='totalNum'>0</span>

      </div>

      <div style="width: 400px;display: inline-block;">

        <button id='startBtn2' type='button' value='开始'>开始</button>

        <button id='throwBtn2' type='button' value='投掷'>接口2</button>

      </div>

    </div>

    <script src='/test/javascripts/accessAll.js'></script>

  </body>

</html>

显示效果

注意这里导入了jquery主要是为了接口通讯方便，accessAll是接口处理，在这里可以为所欲为，可以对接口请求数据进行更改和对返回数据分析，贴一个简单的测试代码供参考：

//测试接口

$('#testBtn').click(function(){

    $.ajax({

        "url":'接口url（注意这里不能包含网站域名，否则跨域）',

        "type": "GET",

        success:function(res){

            if(res.result){

                $('#testResult').text('接口正常');

            }else{

                $('#testResult').text(res.msg);

            }

        },

        complete:function(){

            $('#testResult').text = "接口异常";

        },

        fail:function(){

            $('#testResult').text = "http error";

        }

    });

});

接下来最重要的就是怎么让这个网页能正常请求到信息而不跨域呢。

先配置一个nginx服务器地址，端口1111，

接下来，假设要测试接口的网站为test.net，我们把其根代理指向test.net，这时启动nginx，在浏览器输入127.0.0.1:1111试下是不是直接跳到

test,net了，第一步完成。

第二步 配置自己的测试页nginx配置，proxy路径为/test/。到这里基本就玩成配置了，重启nginx，在浏览器启动两个网页，一个是根网页127.0.0.1:1111，另一个是自己的测试页127.0.0.1:1111/test/，这时就可以通过test页正常请求test.net的接口了，注意接口路径。

完整nginx配置

server {

        listen       ;

        server_name  localhost;

        location / {

        proxy_pass    https://test.net/;

        }

    location /test/ {

        proxy_pass   https://127.0.0.1:1717/;

        }

        error_page        /50x.html;

            location = /50x.html {

            root   html;

        }

    }

简单的接口测试，当然还有其他很多方法，我这个只是自己摸索出来的。

测试网站接口，nginx篇的更多相关文章

  1. 『动善时』JMeter基础 — 50、使用JMeter测试WebService接口

    目录 1.什么是WebService 2.WebService和SOAP的关系 3.什么是WSDL 4.测试WebService接口前的准备 (1)如何判断是WebService接口 (2)如何获取W ...

  2. 『动善时』JMeter基础 — 51、使用JMeter测试WebService接口

    目录 1.什么是WebService 2.WebService和SOAP的关系 3.什么是WSDL 4.测试WebService接口前的准备 (1)如何判断是WebService接口 (2)如何获取W ...

  3. 【转】Android LCD(二)：LCD常用接口原理篇

    关键词:android LCD TFT TTL(RGB)  LVDS  EDP MIPI  TTL-LVDS  TTL-EDP 平台信息:内核:linux2.6/linux3.0系统:android/ ...

  4. MVC支付宝PC网站接口对接

    PC网站支付接口,请参考支付宝官方文档:https://b.alipay.com/signing/productSet.htm?navKey=all 1.需要提供签约账号.商户密钥 2.代码实现: 支 ...

  5. Python之测试webservice接口

    前段时间学习了Python操作http接口,觉得挺容易的.最近项目组也有接触webservice接口,心里想想是否Python也可以操作这类接口.于是利用伟大的度娘,花了6个小时研究出来了,所以迫不及 ...

  6. (转)LCD：LCD常用接口原理篇

    关键词:android LCD TFT TTL(RGB)  LVDS  EDP MIPI  TTL-LVDS  TTL-EDP平台信息:内核:linux2.6/linux3.0系统:android/a ...

  7. jmeter 测试websocket接口（一）

    jmeter 测试websocket接口时,需要对jmeter添加测试websocket的jar包. 下载地址: https://download.csdn.net/download/qq_14913 ...

  8. 支付宝PC网站接口对接

    PC网站支付接口,请参考支付宝官方文档:https://b.alipay.com/signing/productSet.htm?navKey=all 1.需要提供签约账号.商户密钥 2.代码实现: 支 ...

  9. jmeter3.3测试webservice 接口

    1.天气预报网站,提供webservice接口 http://www.webxml.com.cn/WebServices/WeatherWebService.asmx 2.选择测试的接口getSupp ...

随机推荐

  1. Python学习【day03】- Python基础练习题(列表、元组、字典)

    #!/usr/bin/env python # -*- coding:utf8 -*- # 1.有两个列表 # l1 = [11,22,33] # l2 = [22,33,44] # a.获取内容相同 ...

  2. linux 三剑客之awk总结

    AWK 1.begin end使用 cat /tmp/passwd |awk -F ':' 'BEGIN {print "hello"} {print $1"\t&quo ...

  3. 编译LAMP部署动态网站环境

    LAMP动态网站部署架构是由一套 Linux+Apache+MySQL+PHP 组成的动态网站系统解决方案. 以下配置环境为:Linux=RHEL7 --> Apache=2.4.33 --&g ...

  4. Springboot提示数据库连接问题Connection is not available

    2019-05-29 11:19:51.824 WARN 854 --- [io-8080-exec-10] o.h.engine.jdbc.spi.SqlExceptionHelper : SQL ...

  5. eclipse运行jsp出现404错误怎么办？

    Window/Show View/Other/Server/Servers/双击“Tomcat v7.0 Server at localhost”在Server Locations配置中选择第二个选项 ...

  6. Java Lock的使用

    + ReentrantLock类的使用 + ReentrantReadWriteLock类的使用 1. 使用ReentrantLock类 ReentrantLock类能够实现线程之间同步互斥,并且在扩 ...

  7. spring boot 配置文件动态更新原理 以Nacos为例

    配置文件的动态更新 通常获取配置文件的方式 1, @Value 2. @ConfigurationProperties(Prefix) 如果是在运行时要动态更新的话, 第一种方式要在bean上加@Re ...

  8. 第一篇 jQuery

    1-1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...

  9. 图片哈希概论及python中如何实现对比两张相似的图片

    Google 以图搜图的原理,其中的获取图片 hash 值的方法就是 AHash. 每张图片都可以通过某种算法得到一个 hash 值,称为图片指纹,两张指纹相近的图片可以认为是相似图片. 以图搜图的原 ...

  10. css3实现div自动左右动

    <!DOCTYPE html> <meta charset="UTF-8"/> <html> <head> <style> ...