Linux上项目部署,前端Nginx部署服务器,后端项目部署

部署架构

环境说明

由于我们的服务器数量有限,就使用这三台服务器,具体的软件规划如下:

服务器 软件 名称
192.168.220.128 Nginx(部署前端项目、配置反向代理),MySQL(主从复制的主库) 服务器A
192.168.220.130 JDK1.8、Git、Maven、jar(项目jar包基于内嵌Tomcat运行)、MySQL(主从复制的从库) 服务器B
172.17.2.94 Redis(缓存中间件) 服务器C

1.在服务器A中安装Nginx,并将静态资源包上传到Nginx的html目录下

2. 修改Nginx配置文件nginx.conf  

 server {
        listen       80;
        server_name  localhost;

        location / {
            root   html/dist; #dist就是刚刚上传的静态资源包的目录
            index  index.html;
        }
		#反向代理
		location ^~ /api/ {
			rewrite ^/api/(.*)$ /$1 break;
			proxy_pass http://192.168.220.130:8080; #从库的访问路径
		}
		
        location = /50x.html {
            root   html;
        }
    }

3). 通过nginx访问前端工程

http://192.168.220.128

在上述我们配置的nginx.conf中,除了配置了静态资源的加载目录以外,我们还配置了一段反向代理的配置,配置信息如下:

location ^~ /api/ {
    rewrite ^/api/(.*)$ /$1 break;
    proxy_pass http://192.168.220.130:8080;
}

这一段配置代表,如果请求当前nginx,并且请求的路径如果是 /api/ 开头,将会被该location处理。而在该location中,主要配置了两块儿信息: rewrite(url重写) 和 proxy_pass(反向代理)。 接下来我们就来解析一下这两项的配置。

1). 路径重写rewrite

rewrite ^/api/(.*)$ /$1 break;

这里写的是一个正则表达式,代表如果请求路径是以 /api/ 开头,后面的请求路径任意,此时将原始的url路径重写为 /$1,这里的$1指代的就是通配符 .* 这一块的内容。比如:

/api/employee/login ------> ^/api/(.*)$ --------> 此时 (.*) 匹配的就是 employee/login ------> 最终重写为/$1 : /employee/l
  • 3
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Vue 部署Nginx 步骤: 1. 打包 Vue 项目:在终端进入 Vue 项目根目录,执行 `npm run build`,将会在 dist 目录下生成打包好的文件。 2. 安装 Nginx:在服务器上安装 Nginx,具体方法可以参考官方文档或者其他资料。 3. 配置 Nginx:在 Nginx 的配置文件添加如下配置: ``` server { listen 80; server_name example.com; // 填写你的域名或者 IP root /path/to/dist; // 填写打包后的文件路径 index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 4. 重启 Nginx 服务:执行 `sudo service nginx restart` 或者 `nginx -s reload` 命令,使 Nginx 配置文件生效。 Tomcat 部署步骤: 1. 安装 Tomcat:在服务器上安装 Tomcat,具体方法可以参考官方文档或者其他资料。 2. 部署后端应用:将后端应用的 war 包放入 Tomcat 的 webapps 目录下。 3. 启动 Tomcat:执行 `startup.sh`(Linux)或者 `startup.bat`(Windows)启动 Tomcat 服务。 4. 配置 Tomcat 端口:如果 Tomcat 默认端口 8080 被占用,可以修改 Tomcat 的配置文件 server.xml,将端口号修改为其他未被占用的端口。 5. 配置 Tomcat 路径:如果后端应用的 war 包名称不是默认的 ROOT.war,可以在 Tomcat 的配置文件 server.xml 添加如下配置: ``` <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Context path="/myapp" docBase="/path/to/myapp.war"></Context> </Host> ``` 其,path 属性填写访问路径,docBase 属性填写 war 包路径。 6. 验证部署:在浏览器访问后端应用的地址,检查是否能正常访问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Leo丶fei

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值