springboot项目部署 + vue项目部署

部署一个简单的前后端分离的博客项目

springboot项目部署

第一步：打包springboot项目(jar包)

第二步：将jar(项目的target目录下)包上传到云服务器上(Xftp)

第三步：新建nohup.out文件(Xshell)

第四步：后台运行jar包

nohup java -jar XXX.jar &
1

第五步：打开接口文档看是否成功部署

第六步：如果端口的进程被占用：(下面步骤也用于停止项目运行)

netstat -nltp | grep XXXX
1

kill -9 ID
1

vue项目部署(nginx)

第一步：打包vue项目

第二步：打包成功后可看到dist文件夹

第三步：将第二步的dist文件夹上传到/usr/local/nginx/html/html目录下(我在/usr/local/nginx/html下新建了html文件夹)

第四步：配置nginx.conf文件(/usr/local/nginx/conf目录下)

第五步：重启nginx

/usr/local/nginx/sbin/nginx -s reload
1

查看nginx启动情况 :

ps -ef|grep nginx
1

第六步：检验结果(直接输地址即可)

第七步：如果报错Uncaught SyntaxError: Unexpected token ‘＜‘，则修改vue.config.js文件。

/*module.exports={
    publicPath:"./"
}*/
1
2
3