使用nginx为服务器上不同的两个项目分别指定两个不同的域名访问

1、准备工作:
(1)因为要运行两个不同的项目,所以要准备两个不同的tomcat,指定不同的端口号,并且把两个不同的项目分别部署到这两个tomcat中
(2)购买两个域名
2、具体的nginx的配置
这里通过nginx的反向代理功能为这两个项目指定不同的域名访问,在niginx.conf配置文件中加入如下两个server段

 server{
           listen 80;
           server_name www.dingXXX.top;// 你的第一个域名
           location / {
                proxy_pass http://127.0.0.1:8081/mylove/index.html;//你的第一个项目所在tomcat位置
         }
	     location ~.*(js|css|png|gif|jpg|mp3|ogg)$ {
               # root的内容填写静态资源目录
               root /data/;
           }
	}
 server{
           listen 80;
           server_name www.XXXX.wang;//第二个域名
           location / {
                proxy_pass http://127.0.0.1:8080;//你的第二个项目所以在tomcat位置
         }
  }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nginx 是一款高性能的 Web 服务器,同时也是一款反向代理服务器,支持负载均衡、动静分离、HTTP 缓存等多种功能。在实际项目中,我们经常需要部署多个 Vue 项目,利用 Nginx 可以简单地实现这个功能。 在部署两个 Vue 项目时,我们需要在服务器上分别部署两个不同的 Vue 项目,并分别启动它们的服务端口。同时,在 Nginx配置文件中添加两个 server 配置,分别配置两个 Vue 项目使用域名或者 IP 地址、端口和访问路径等相关信息,如下: ``` server { listen 80; server_name vueproject1.com; location / { proxy_pass http://localhost:3000; ... } } server { listen 80; server_name vueproject2.com; location / { proxy_pass http://localhost:4000; ... } } ``` 以上面的配置为例,我们可以看到,在 Nginx配置文件中,我们针对这两个 Vue 项目分别配置了 server 块,代表了两个不同的虚拟主机。每个 server 块中包含了监听的端口和域名信息,以及访问路径的配置,其中 location / 表示默认的访问路径。 对于每个 server 块中的 location 配置,我们可以使用 proxy_pass 参数来指定要代理的服务地址,即代表 Vue 项目服务的端口号。这样就可以在 Nginx 中实现两个 Vue 项目的反向代理和访问了。 最后,需要注意的是,在 Nginx配置文件修改完成后,需要重新加载配置,使其生效。可以使用 nginx -s reload 命令来重新加载 Nginx配置文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值