要实现上述需求,可以考虑以下步骤:

  1. 在nginx的配置文件中,添加两个server块,分别对应网站A和网站B:
server {
    listen 80;
    server_name www.siteA.com;

    location /a {
        #配置网站A的根目录
        root /var/www/siteA;
        #其他网站A的相关配置
    }
}

server {
    listen 80;
    server_name www.siteB.com;

    location / {
        #配置网站B的根目录
        root /var/www/siteB;
        #其他网站B的相关配置
    }
}
  1. 在网站B的根目录下,创建一个index.html文件,作为网站B的默认首页。

  2. 在网站B的根目录下,创建一个子目录,命名为b,并在该目录下创建一个index.html文件,作为网站B的前端路由的默认页面。

  3. 配置网站B的前端路由,在index.html文件中添加以下代码:

<script>
    //根据路由跳转到相应的页面
    switch (window.location.pathname) {
        case '/b/page1':
            window.location.href = '/b/page1.html';
            break;
        case '/b/page2':
            window.location.href = '/b/page2.html';
            break;
        default:
            window.location.href = '/b/index.html';
    }
</script>

通过这样的配置,当访问www.siteA.com/a时,nginx会将请求转发到网站A的根目录下,而其他的请求都会被转发到网站B的根目录下。在网站B的根目录下创建一个index.html文件,作为网站B的默认首页,并在子目录b中创建不同的html文件,作为网站B的前端路由的不同页面。通过前端路由的配置,可以根据不同的路由跳转到相应的页面

nginx 一个80端口布置2个网站其中a是网站A 其余路由都是网站b的前端路由

原文地址: https://www.cveoy.top/t/topic/fyxT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录