nginx 反向代理

来源:互联网 发布:淘宝怎么查看开店时长 编辑:程序博客网 时间:2024/06/15 13:33

前端中的跨域是不可避免的,当然跨域也有很多种方法。可谓条条大道解跨域。
今天了解了nginx 反向代理跨域的方法,在此学习记录一下。

步骤一:

在网站上找个接口,我这里使用的是百度贴吧post接口。

这里写图片描述

这里写图片描述

这里写图片描述

步骤二:创建index.html发起AJAX请求

  • 注意这里创建的html页面要放在server.js文件的path路径下的目录中的。
<!DOCTYPE><html>  <meta charset="UTF-8" />  <head>    <title></title>  </head>  <body></body>  <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>  <script>    $.ajax({      type: "post",      url: "connectmanager/user/updateFlashInfo",      data: '{"appid":"tieba","cuid":"73118464C47E43476FB3E50ACD8E32C9:FG:1","connection_id":"","lcs_ip":"10.46.235.62","lcs_port":"8891","lcs_fd":"10619","device_type":"21"}',      async: true,      success: function (res) {        document.write(JSON.stringify(res))      }    })  </script></html>

步骤三:配置server.js

1)下载完目录结构是这样:

这里写图片描述

2)server.js文件里面内容:

这里写图片描述

步骤四:执行node命令

1)打开的命令行工具,cd到nginx所在的目录下执行

node server

  • 如果命令行没报错的话,文件结构会变成这样的:

    这里写图片描述

2)那么请接着执行命令

nginx

  • 如果此时除了关闭啥都点不了的话,说明启动成功了。
  • 如果报错的话则在输入nginx命令前加上./即可。

步骤五:请求!

这里写图片描述

这里写图片描述

没有报错 正确返回!

最后附上我的github地址 nginx~~~

原创粉丝点击