springboot+vue+nginx打包部署到服务器 _打包

准备工作
阿里云服务器，安装nginx，jdk，MySQL
1.的打包，点击图片中的按键，既可以打包成jar包，打包方式有两种，还可以打包成war包，war的运行需要依赖，我们这里采用jar的，nginx代理
打包成功后在项目结构这里可以找到打包后的jar包
2.vue项目打包
打包前需要修改两处地方，避免打包的时候出现样式找不到，分别如下图
然后在终端运行命令 npm run build ，接着在项目的结构会生成dist文件夹
将文件夹拷贝到服务器的某个地方就可以了
如果项目项目后台也是在本地开发的话，axios也需要修改，修改成服务器的地址
我的跨域是设置在了后台，如果你出现跨域失败的话，尝试修改这里
以后项目的打包到这里结束了。
3.服务器的部署

文章插图
在你jar存放的同一个路径下，配置一个jar启动的文件，文件名以.sh结尾，我这里是.sh，将下面的参数Name改成你jar包的名字

declare NameName=xxx-0.0.1-SNAPSHOT.jar echo "This is your filename: $Name"if [ "$(ps -ef |grep "$Name" |grep java |awk '{print $2}')" == "" ] thenecho "Start execution"elseps -ef |grep "$Name" |grep java |awk '{print $2}' |xargs killif [ $? -ne 0 ]then echo "command return: "$?echo "Kill faild! "exit 4elseecho "command return: "$?echo "The old process has been Killed!"fifi#启动程序并后台运行nohup java -Xbootclasspath/a:conf -jar $Name &

运行成功后会生产nohup.out文件，可以查看jar的运行情况，也可以在最最后面的命令将输出的日志指定到自己的文件中
4.nginx的主要配置

server {listen80;server_name127.0.0.1:8080;#charset koi8-r;#access_loglogs/host.access.logmain;location / {root /home/admin/web/;indexindex.html index.htm;}#代理的接口，即jar运行的端口location /study/ {proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://127.0.0.1:8001/;}#前端页面的部署代理location /web/ {root /home/admin/;index index.html index.htm;autoindex on;}

接着重启nginx，切换到sbin目录下 ./nginx -s即可
在网页输入
到这里就大功告成了，有问题可以私信我，我会及时回复的。
【springboot+vue+nginx打包部署到服务器】—菜鸟成长记