springBoot+vue简单前后端分离上线

1.环境:首先在你的服务器或者虚拟机中先将环境装好,jdk是必须的,nginx作为代理转发地址的web服务器也少不了。
首先jdk必须的,nginx作为代理转发地址的web服务器
2.前端:vue中将dev中可以配置测试环境的跨域,当然你要上线,这些东西都用不到,注掉就行了。vue中将dev中可以配置测试环境的跨域,当然你要上线,这些东西都用不到,注掉就行了
build部分保持原样
在这里插入图片描述
用npm run build 打包生成dist文件,在nginx目录底下建一个文件夹,也可以不建直接把dist文件夹拷进来,到时只要你配的root路径对了就行。
在这里插入图片描述
打开conf
vim conf/nginx.conf
配置dist的路径
location / {
root /usr/local/nginx/vue/dist;
index index.html index.htm;
}
处理跨域的,不处理的话访问后端的路径会请求Options,然鹅你的后端如果做了权限拦截,却没与配置跨域的话,百分之百是要报403的.这个今天折磨我挺久的,真的小白。
location /api/ {
proxy_pass 你服务器的ip+端口(后端服务的端口); # 将地址代理到api上
}
配置完成记得启动nginx :命令./nginx
以及记得每次修改过重启nginx :命令 ./nginx -s reload
在这里插入图片描述

3.后端:把你的springBoot,clean,install打成jar包,放到服务器上,执行
nohup java -jar 包名.jar启动后端服务大功告成
在这里插入图片描述
然后就可以访问服务ip:80 就ok啦,80是nginx,也可以配置成其他的,当然你要保证你的服务器端口是对外开放的才能访问到

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值