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

简介: nginx中配置不输入端口(指定地址)访问项目的方法


需求

  1. 访问项目时,地址是这样的:http://152.189.xxx.xxx:7890,绑定了域名之后,需要这样访问:http://XXXX.com:7890,想要换成http://152.189.xxx.xxxhttp://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 :修改成你后端的地址。
目录
相关文章
|
11天前
|
监控 物联网 应用服务中间件
流媒体方案之Nginx——实现物联网视频监控项目
流媒体方案之Nginx——实现物联网视频监控项目
流媒体方案之Nginx——实现物联网视频监控项目
|
11天前
|
小程序 应用服务中间件 Linux
【Nginx】微信小程序后端开发、一个域名访问多个服务
【Nginx】微信小程序后端开发、一个域名访问多个服务
23 0
|
11天前
|
域名解析 弹性计算 应用服务中间件
基于nginx反向代理实现OSS固定域名IP访问
本文基于阿里云OSS手册:https://help.aliyun.com/zh/oss/use-cases/use-an-ecs-instance-that-runs-centos-to-configure-a-reverse-proxy-for-access-to-oss,继续深入讨论如何利用nginx反向代理,实现固定的IP/域名访问OSS bucket。官方文档能够解决大部分的反向代理固定IP访问oss bucket的场景,但是对于必须使用域名作为endpoint的系统,会出现signatrue鉴权问题。本文继续在官方文档的基础上,将反向代理需要域名作为endpoint的场景补齐方案。
|
11天前
|
监控 数据可视化 安全
如何查找访问 Nginx 的前 10 个 IP?
【5月更文挑战第1天】
26 1
如何查找访问 Nginx 的前 10 个 IP?
|
11天前
|
前端开发 应用服务中间件 网络安全
nginx配置SSL证书配置https访问网站 超详细(附加配置源码+图文配置教程)
nginx配置SSL证书配置https访问网站 超详细(附加配置源码+图文配置教程)
128 0
|
11天前
|
Ubuntu 应用服务中间件 Linux
nginx 配置代理ip访问https的域名配置
nginx 配置代理ip访问https的域名配置
|
应用服务中间件 数据安全/隐私保护 nginx
3种Nginx防盗链的方法
一:一般的防盗链如下: location ~* \.(gif|jpg|png|swf|flv)$ { valid_referers none blocked www.deepvps.
1062 0
|
11天前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
67 0
|
11天前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
27 0
|
11天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
72 0