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. staticmethod自己定制

    class StaticMethod: def __init__(self,func): self.func=func def __get__(self, instance, owner): #类来调 ...

  2. Java严选

    1,假如有两个线程,一个线程A,一个线程B都会访问一个加锁方法,可能存在并发情况,但是线程B访问频繁,线程A访问次数很少,问如何优化.(然后面试官说有了解过重度锁和轻度锁吗) a,竞争资源不激烈,选择 ...

  3. 简单nginx代理配置

    nginx.conf: # For more information on configuration, see:# * Official English Documentation: http:// ...

  4. SVN服务器搭建与配置管理

    1.下载和搭建SVN服务器 现在Subversion已经迁移到Apache网站上了,下载地址:http://subversion.apache.org/packages.html,这是二进制文件包的下 ...

  5. 关于tomcat部署项目的问题

    问题是这样的 之前用tomcat8.5部署的项目,结果启动项目一直三个端口被占用,浏览器也打不开目标网页 卸了8,装了9.先配置的一大堆,结果可以打开Tomcat的主页locahost:8080,到此 ...

  6. [转载]C++STL概述

    来源:https://www.cnblogs.com/dyllove98/p/3214898.html 什么是容器 首先,我们必须理解一下什么是容器,在 C++ 中容器被定义为:在数据存储上,有一种对 ...

  7. spark精华面试题

    1.driver的功能是什么? 1)一个Spark作业运行时包括一个Driver进程,也是作业的主进程,具有main函数,并且有SparkContext的实例,是程序的人口点: 2)功能:负责向集群申 ...

  8. openlayers之全屏控件的使用

    import { FullScreen } from 'ol/control' map.addControl(new FullScreen())

  9. 第十五篇 JS 移入移出事件 模拟一个二级菜单

    JS 移入移出事件 模拟一个二级菜单   老师演示一个特别简单二级菜单,同学们除了学习JS,还要注意它的元素和CSS样式. 这节课介绍的是JS鼠标移入.移出事件:onmouseover是移入事件,on ...

  10. 解决跨域问题,前端 live-server --port=1802 后端启动 localhost:1801,以及解决 vue 的 axios 请求整合

    测试的源码文件内容点击跳转 前端引入 vue.js 与 axios.min.js <script src="https://cdn.bootcss.com/vue/2.6.10/vue ...