nginx解决使用域名访问项目

我们现在访问页面使用的是：http://localhost:9001
有没有什么问题？

实际开发中，会有不同的环境：

开发环境：自己的电脑
测试环境：提供给测试人员使用的环境
预发布环境：数据是和生成环境的数据一致，运行最新的项目代码进去测试
生产环境：项目最终发布上线的环境

如果不同环境使用不同的ip去访问，可能会出现一些问题。为了保证所有环境的一致，我们会在各种环境下都使用域名来访问。
步骤一：先在本机的hosts文件上加上域名：

Windows下的hosts文件地址：C:/Windows/System32/drivers/etc/hosts
Linux下的hosts文件所在路径： /etc/hosts
样式：

# My hosts
127.0.0.1 localhost
0.0.0.0 account.jetbrains.com
127.0.0.1 www.xmind.net

如果是购买的域名，上一步可以不弄了，因为本地解析失败，才会进行域名服务器解析，域名服务器就是网络中的一台计算机，里面记录了所有注册备案的域名和ip映射关系，一般只要域名是正确的，并且备案通过，一定能找到。

在hosts文件添加后可以通过ping测试一些，是否能联通了
本人再hosts里添加的是：api.leyou.com，ping测试如下：

现在域名是可以连通的，但是还要处理端口，计算机默认都是访问80端口的，但是我的端口是9001，所以浏览器访问还是api.leyou.com:9001，这时候就是nginx用上的时候了
步骤二 ：使用解决端口隐藏
下载nginx地址是：http://nginx.org/en/download.html
下载解压即可使用

使用

nginx可以通过命令行来启动，自行cd到解压的目录下执行命令，操作命令：

启动：start nginx.exe
停止：nginx.exe -s stop
重新加载：nginx.exe -s reload

反向代理配置

配置是去conf文件下找到nginx.conf在里面配置的
示例：

nginx中的每个server就是一个反向代理配置，可以有多个server

我的完整配置：


#user  nobody;
worker_processes  1;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;gzip  on;server {listen       80;server_name  manage.leyou.com;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Server $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;location / {proxy_pass http://127.0.0.1:9001;proxy_connect_timeout 600;proxy_read_timeout 600;}}server {listen       80;server_name  api.leyou.com;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Server $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;location / {proxy_pass http://127.0.0.1:10010;proxy_connect_timeout 600;proxy_read_timeout 600;}}
}

原理解释：比如我访问mamage.leyou.com

浏览器准备发起请求，访问http://mamage.leyou.com，但需要进行域名解析
优先进行本地域名解析，因为我们修改了hosts，所以解析成功，得到地址：127.0.0.1
请求被发往解析得到的ip，并且默认使用80端口：http://127.0.0.1:80

本机的nginx一直监听80端口，因此捕获这个请求
nginx中配置了反向代理规则，将manage.leyou.com代理到127.0.0.1:9001，因此请求被转发
（我的项目）后台系统的webpack server监听的端口是9001，得到请求并处理，完成后将响应返回到nginx
nginx将得到的结果返回到浏览器

nginx解决使用域名访问项目相关推荐

1 阿里云Nginx配置https实现域名访问项目
第一步:签署第三方可信任的 SSL 证书证书可以直接在阿里云里面申请免费的ssl证书登录阿里云账号,在上方搜索栏内搜索ssl,点击ssl证书(应用安全) 来到这个页面后点击购买证书如图选择免费版 ...
nginx配置文件通过域名访问
解读Nginx配置文件,通过域名访问tomcat 第一次在linux 服务器上使用nginx 并指向tomcat 目录通过域名访问项目.遇到了很多坑,为了让自己更好的学习并吸收知识,特意总结了一下 ...
Tomcat无需输入项目名，直接用域名访问项目
问题在Tomcat上开发Web应用,通常是将应用放置Tomcat主目录下webapps,然后在浏览器地址栏输入域名+应用名(如http://localhost:8080/app)对应用进行访问. 为 ...
nginx 防止恶意域名解析_配置nginx只允许域名访问，禁止ip访问【图文教程】
平凡也就两个字: 懒和惰;成功也就两个字: 苦和勤;优秀也就两个字: 你和我.跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美!每一篇文章都是心 ...
Nginx只允许域名访问网站，禁止使用IP 访问80，443端口
转载来源 :Nginx只允许域名访问网站,禁止使用IP 访问80,443端口 :http://www.safebase.cn/article-260225-1.html 摘要: 一.背景为了避免别人 ...
通过Nginx配置多域名访问
通过Nginx配置多域名访问一.下载Nginx 访问Nginx官网选择对应版本和安装包:http://nginx.org/ 以下讲述为在Windows环境下配置Nginx进行多域名访问二.Ngin ...
nginx配置php域名访问,nginx+php+composer+git+域名配置+项目访问
本文作者: 架构师刘涛? -------------- epel仓库安装 epel是yum的软件源,里面包含了许多基本源里没有的软件 #默认的yum源无法升级PHP,需要添加第三方yum源,我们选择w ...
nginx只允许域名访问，禁止ip访问
背景: 为什么要禁止ip访问页面呢? 这样做是为了避免其他人把未备案的域名解析到自己的服务器IP,而导致服务器被断网,我们可以通过禁止使用ip访问的方法,防止此类事情的发生. 解决方法: 这里介绍修改 ...
限制nginx仅能域名访问，不可用ip访问
在nginx.conf 文件里初始时是: 1 2 3 4 5 server { listen 80 default_server; server_name www.lnmp.org; ...

nginx解决使用域名访问项目

使用

反向代理配置

nginx解决使用域名访问项目相关推荐

最新文章

热门文章