66分布式电商项目 - nginx基于域名配置虚拟主机

简介: 66分布式电商项目 - nginx基于域名配置虚拟主机

现在有个需求: 两个域名指向同一台nginx服务器,用户访问不同的域名显示不同的网页内容。

下面来讲解nginx如何基于域名配置虚拟主机的

两个域名是:aaa.test.combbb.test.com

nginx服务器使用虚拟机192.168.25.128

1.环境准备

通过host文件指定aaa.test.com和bbb.test.com对应192.168.25.128虚拟机,修改window的hosts文件(C:\Windows\System32\drivers\etc),在最后加上:

192.168.25.128 aaa.test.com
192.168.25.128 bbb.test.com

2.html目录创建

1.在192.168.25.128上创建/usr/local/aaa_html,此目录为 aaa.test.com 域名访问的目录

2.在192.168.25.128上创建/usr/local/bbb_html,此目录为 bbb.test.com 域名访问的目录

3.目录中的内容使用nginx自带的html文件,将/usr/local/nginx/html中的内容拷贝分别拷贝到上边两个目录中

cp /usr/local/nginx/html/index.html /usr/local/aaa_html/
cp /usr/local/nginx/html/index.html /usr/local/bbb_html/

4.将aaa_html目录中的index.html内容为:“Welcome to aaa nginx!”

vi index.html

5.步骤同上,将bbb_html目录中的index.html内容改为“Welcome to bbb nginx!”

3.配置虚拟主机

修改/usr/local/nginx/conf/nginx.conf文件,添加两个虚拟主机,如下:

#配置虚拟主机aaa.test.com 
server {
    #监听的ip和端口,配置本机ip和端口
        listen 192.168.25.128:80;   
    #虚拟主机名称是aaa.test.com,请求域名aaa.test.com的url将由此server配置解析
        server_name aaa.test.com;  
    #所有的请求都以/开始,所有的请求都可以匹配此location
        location / {
        #使用root指令指定虚拟主机目录即网页存放目录
        #比如访问http://ip/test.html将找到/usr/local/aaa_html/test.html
        #比如访问http://ip/item/test.html将找到/usr/local/aaa_html/item/test.html
                root /usr/local/aaa_html; 
          #指定欢迎页面,按从左到右顺序查找
                index index.html index.htm; 
        }
    }
#配置虚拟主机bbb.test.com
    server {
        listen 192.168.25.128:80;
        server_name bbb.test.com;
        location / {
                root /usr/local/bbb_html;
                index index.html index.htm;
        }
    }

4.重启Nginx并测试

重启:

./nginx -s quit
./nginx

访问 aaa.test.combbb.test.com

配置成功!!!

相关文章
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
1088 1
宝塔面板部署Vue项目、服务端Node___配置域名
nginx部署vue项目
本文介绍了将Vue项目部署到Nginx的步骤,包括构建Vue项目、上传dist文件夹到服务器、安装Nginx、配置Nginx代理静态文件以及重启Nginx,确保了Vue应用可以通过域名或IP地址访问。
299 1
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
1793 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
vue尚品汇商城项目-day07【53.nginx反向代理配置】
vue尚品汇商城项目-day07【53.nginx反向代理配置】
52 4
本地通过域名访问虚拟机上nginx的服务、搭建域名访问环境一(反向代理配置)
这篇文章介绍了如何通过域名在本地访问虚拟机上的nginx服务,包括创建nginx容器、修改配置文件、修改本地host文件以及进行访问测试的详细步骤。文章提供了具体的Docker命令来创建并配置nginx容器,展示了配置文件的修改示例,说明了如何在本地系统的hosts文件中添加虚拟机IP和自定义域名,以及如何通过浏览器进行测试访问。
本地通过域名访问虚拟机上nginx的服务、搭建域名访问环境一(反向代理配置)
Nginx——一个域名下部署多个Vue项目
如何在同一域名下部署第二个Vue项目而不影响现有项目:更新`vue.config.js`,设置`publicPath`为`/screen/`。修改Vue Router的`base`为`screen`。在Nginx配置中添加新location `/screen`,指向第二项目`dist`目录。测试访问`http://<域名>/screen/`。别忘了检查并修复任何遗漏的配置,如数据看板默认设置。
434 2
Nginx——虚拟主机简介
Nginx——虚拟主机简介
104 0
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
若依怎样看开发文档,域名搜这个就行ruoyi.vip,建链接点击在线文档,有前端手册和后端手册,若依文档里有项目扩展,项目扩展有大量的开源的软件
若依怎样看开发文档,域名搜这个就行ruoyi.vip,建链接点击在线文档,有前端手册和后端手册,若依文档里有项目扩展,项目扩展有大量的开源的软件
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等