nginx中配置不输入端口（指定地址）访问项目的方法

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情

大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。

需求

1. 访问项目时，地址是这样的：http://152.189.xxx.xxx:7890,绑定了域名之后，需要这样访问：http://XXXX.com:7890,想要换成http://152.189.xxx.xxx和http://XXXX.com直接访问如何做？
2. 原来进入后台管理平台时需要这样访问：http://XXXX.com:7891，现在想要输入：http://XXXX.com/sysmanage直接访问如何做？

实现

带着这两个问题，我们来看看如何实现。 主要还是在nginx中配置，通过代理的方式来实现，直接打开nginx的配置文件，代码按照下面配置的即可。

server {
        listen       80;
        server_name  xxxx.com; //你的域名
 
    location / {
           proxy_pass http://xxx.xxx.xxx.xxx:7890/; //你的前端地址和端口
         	try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        
       location ^~ /sysmanage/ {
         proxy_pass http://xxx.xxx.xxx.xxx:7891/; //你的后端地址
         proxy_connect_timeout 300s;
         proxy_send_timeout 300s;
         proxy_read_timeout 300s;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

需要注意的有这么几个地方：

1. server_name ：修改成你的域名。
2. location /中的proxy_pass ：修改成你前端的地址。
3. location ^~ /sysmanage/中的proxy_pass ：修改成你后端的地址。