我已经通过weather-app在该域名www.angularweb.tech上进行了部署, 接下来,为了避免造成任何混乱,我为我的另一个应用程序news-app提供了一个名为news.angularweb.tech的子域,也为weather-app设置了weather.angularweb.tech。
因此,我由主页(即个人资料页)定向到www.angularweb.tech。这个网站的主要个人资料页面从这里开始,我提供了bootstrap的按钮组件内部的weather.angularweb.tech和news.angularweb.tech的链接。现在,每当我单击weather-app按钮时,它就会重定向到news.angularweb.tech或重新加载我的个人资料页面。 因此,无法访问weather.angularweb.tech。
i将提供服务器配置代码,该代码写在启用站点的文件夹的默认文件中。
#server block
server{
server_name www.angularweb.tech;
return 301 http://angularweb.tech$request_uri;
}
server{
server_name angularweb.tech;
root /home/ubuntu/frontend/projects-profile;
location / {
try_files $uri $uri/ /index.html;
#this will allow you to refresh page in your angular app
}
}
#server block
server{
return 301 http://news.angularweb.tech$request_uri;
}
server{
server_name news.angularweb.tech;
root /home/ubuntu/frontend/news-app;
location / {
try_files $uri $uri/ /index.html;
#this will allow you to refresh page in your angular app
}
}
#server block
server{
return 301 http://weather.angularweb.tech$request_uri;
}
server{
server_name weather.angularweb.tech;
root /home/ubuntu/frontend/weather-app;
location / {
try_files $uri $uri/ /index.html;
#this will allow you to refresh page in your angular app
}
}