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的配置文件。