前后端分离项目部署(前端+后端)

项目部署

后端

1.打包后端代码 通过maven生命周期中的package

2.将打包后的文件放到同一个文件夹压缩 统一上传到服务器中。

3.解压 运行

相关命令:

unzip 文件名 #解压
nohup java -jar XXX.jar >temp.txt & #nohup后台运行jar文件包程序
nohup java -jar backend-0.0.1-SNAPSHOT.jar >tcsLog1.txt &
nohup java -jar matching-system-0.0.1-SNAPSHOT.jar >tcsLog2.txt &
nohup java -jar botrunning-system-0.0.1-SNAPSHOT.jar >tcsLog3.txt &

详情链接:linux下利用nohup后台运行jar文件包程序

前端

1.打包前端代码 npm run build 生成dist包

2.将打包后的文件放到同一个文件夹压缩 统一上传到服务器中。

3.解压 放到nginx服务器中

4.配置nginx服务器 修改nginx.conf文件的 监听端口 静态资源存放的文件路径

相关命令:

yum install nginx #安装nginx
nginx -t #检查nginx配置文件语法是否正确
nginx -s reload #重新加载nginx配置文件
service nginx restart #重启nginx

nginx安装成功后的位置如下:
/usr/sbin/nginx:主程序
/etc/nginx:配置文件所在路径
/usr/share/nginx:静态文件所在路径
/var/log/nginx:日志文件所在路径

详情链接:用nginx部署前端项目

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端项目放到Nginx中需要进行以下步骤: 1. 安装Nginx:首先,确保已经安装了Nginx服务器。可以通过在终端中运行命令进行安装。例如,在Ubuntu上可以使用以下命令进行安装:sudo apt-get install nginx 。 2. 配置Nginx:配置Nginx以将前端项目部署到服务器上。通过编辑Nginx的配置文件来完成此操作。配置文件的位置可能因操作系统而异,通常在/etc/nginx/nginx.conf或/etc/nginx/sites-available/default。打开配置文件,并根据需要进行修改。其中一些常见的配置包括指定前端项目的根目录、监听的端口号等。确保保存配置文件并重新加载Nginx以使更改生效。在终端中运行sudo systemctl reload nginx命令来重新加载配置文件 。 3. 打包前端项目:将前端项目打包为静态文件,以便可以被Nginx服务器提供。根据前端项目使用的框架和构建工具的不同,打包的方法也会有所不同。例如,对于React项目,可以使用npm run build命令将项目打包为静态文件。 4. 将打包后的前端项目放置在Nginx的静态文件目录中:找到Nginx配置文件中指定的静态文件目录,通常是在配置文件中指定的root指令后的路径。将打包后的前端项目文件复制到该目录中。确保文件权限正确设置并具有适当的访问权限。 5. 重新启动Nginx:在完成上述步骤后,重新启动Nginx以使前端项目生效。在终端中运行sudo systemctl restart nginx命令来重新启动Nginx 。现在,您的前端项目应该已经成功地部署在Nginx服务器上了。 请注意,上述步骤仅适用于将前端项目作为静态文件部署到Nginx服务器上。如果您的前端项目需要与后端API进行通信,还需要相应地配置Nginx以将请求转发给后端服务器。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [前端开发者必备:Nginx部署前端项目,让你的Web应用快速、稳定、安全地运行](https://blog.csdn.net/qq_42216791/article/details/129945606)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值