nginx 一个80端口布置2个网站其中a是网站A 其余路由都是网站b的前端路由
要实现上述需求,可以考虑以下步骤:
- 在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的相关配置
}
}
-
在网站B的根目录下,创建一个index.html文件,作为网站B的默认首页。
-
在网站B的根目录下,创建一个子目录,命名为b,并在该目录下创建一个index.html文件,作为网站B的前端路由的默认页面。
-
配置网站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的前端路由的不同页面。通过前端路由的配置,可以根据不同的路由跳转到相应的页面
原文地址: https://www.cveoy.top/t/topic/fyxT 著作权归作者所有。请勿转载和采集!