Linux中简单部署前后端分离的vue+springboot项目(使用nginx+tomcat)


一、部署前端vue项目,使用nginx代理

1.代码中js文件

主要是BackendUrl

module.exports = {
    NODE_ENV: '"production"',
    AppKey : '""',
    BackendUrl : '"http://xx.xx.com/项目名/"',
    SystemName : '""',
    Title : '""',
    Copyright : '""',
    LoginType : '""',
    LoginUrl : '""'
}

2.nginx配置修改

主要就是修改下图所注内容(这只是最简单的配置方法,不考虑集群等等)
在这里插入图片描述
ps:clien_max_body_size这个参数是为了限制前端上传文件的大小

二、部署后端springboot项目war包,使用tomcat

1.配置文件properties

设置好访问路径,主要是为了nginx的分发

server.context-path=/api

2.打成war包

在这里插入图片描述
直接使用clean+package打成war包,注意修改配置文件的打包格式;
打包success后,可以在项目目录的target文件夹下找到war包。

3.上传启动

使用xftp工具将war包上传到tomcat目录下的webapps文件夹
在这里插入图片描述
如果tomcat启动中,就会在文件夹下自动解压生成一个与war包同名的文件夹。

4.成功

到这里部署就算全部结束了,之后用http://xxx.com就可以直接访问了。

总结

本文所讲只是很简单的部署方式,记录一下,方便后面的自己部署,可能前端以及后端的配置文件设置与大家的习惯都不一样,大家参考一下就行,主要还是nginx的配置文件。

版权声明:本文为huigebaba原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。