TIP

今天把写好的前后端分离小项目部署到服务器，没有想象的那么顺利，记录一下中间遇到的问题，以及解决的办法。

后端

使用Spring Boot + Mybatis

后端部署到好弄的很，这次使用的内嵌的tomcat，相当于自己不用配置tomcat环境了，其实我以前也配置好了。

jar包，每次只需要上传，然后执行一条命令就可以让项目跑起来；war包，前期自己需要配置好tomcat环境，然后将war包复制到webapps文件夹即可。

这里简单记录下如何使用jar包部署。

项目运行

nohub java -jar xx.jar &

xx为你的jar包名，&代表程序在后台运行。

项目停止

lsof -i:9090

9090为你的项目端口号，这条命令包含pid，使用kill pid号即可停止这个程序。

前端

使用vue cli 4.4.6 + element ui

前端项目部署的时候，其实还是遇到了很多的问题的，例如生成项目静态文件夹后，复制到到web服务器中并不能访问404，访问路径中包含#的问题，查了很多资料不知道是服务器的原因还是什么原因，#号问题一直都不能解决*_*

web服务器的选择有很多种，可以选择tomcat，apache2，nginx，这里我使用的是apache2和tomcat都不能解决#号问题，我感觉是vue cli的问题了。

那就先记录下访问路径404的问题吧。

解决vue项目部署静态资源404问题

在vue cli项目的根目录创建vue.config.js文件，里面内容如下

module.exports = {
    publicPath: './'
}

默认的是/会出现404问题，前面加上一个点就是当前路径了，或者也可以写成/root等等，这个root就是就是你放在web服务器的项目名了。

添加完这个文件之后再打包部署就能解决这个问题了，#号问题先放着。