1. nginx 多二级域名 nginx.conf
配置文件下载 (点击下载)
一、需求说明
现有域名www.test.com,采用前后端分离方式,将前端VUE项目放在 Nginx 中,后端的项目放在 Tomcat 中。如果是一个前端项目,可将 Nginx 自带的文件夹 $[NginxHome]/html内的项目文件,替换为先项目文件即可,但涉及到多二级目录该如何配置呢?
域名 | 访问项目 |
---|
www.test.com | 登录页面 |
www.test.com/login_web | 登录页面 |
www.test.com/apps_web | 应用管理页面 |
www.test.com/auth_web | 授权管理页面 |
二、安装说明
说明项 | 说明 |
---|
安装方式 | 源码安装 |
安装目录 | /usr/local/nginx |
配置文件 | /usr/local/nginx/conf/nginx.conf |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/00a43366a20129963aa9865cbf6e82c6.png)
三、文件说明
前端文件 | 路径 |
---|
login_web | /usr/local/nginx/webapps/ |
apps_web | /usr/local/nginx/webapps/ |
auth_web | /usr/local/nginx/webapps/ |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9ecbde61daa597d060c93be009baf476.png)
四、配置文件
server {
listen 80;
server_name 172.16.18.71;
location / {
root /usr/local/nginx/webapps/party_web/;
index index.html index.htm;
}
location /party_web {
alias /usr/local/nginx/webapps/party_web/;
index index.html index.htm;
}
location /apps_web {
alias /usr/local/nginx/webapps/apps_web/;
index index.html index.htm;
}
location /auth_web {
alias /usr/local/nginx/webapps/auth_web/;
index index.html index.htm;
}
location /workflow_web {
alias /usr/local/nginx/webapps/workflow_web/;
index index.html index.htm;
}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e84cdbbb74bd18f85fa6105a79e09d76.png)
五、访问验证
域名 | 访问项目 |
---|
www.test.com | 登录页面 |
www.test.com/login_web | 登录页面 |
www.test.com/apps_web | 应用管理页面 |
www.test.com/auth_web | 授权管理页面 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/04b250fa83b08cb78d9cd7113fbc9b87.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2855c0d7d802350f4800ee34f275b428.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a2daf48dcd84cdfbdcf82d1d19b68634.png)