岳阳市 网站建设,网站推广工作如何做,外贸网站建设多少钱,请问做卖东西网站怎么“ 大家好#xff0c;我是雄雄#xff0c;欢迎关注微信公众号#xff1a;????雄雄的小课堂???? ”今天#xff0c;给大家分享的是#xff0c;SpringbootVue项目如何部署上线的详细步骤。 代码编辑器 前端#xff1a;Webstorm 2021.1.2 后端#xff1a;IntelliJ … “ 大家好我是雄雄欢迎关注微信公众号????雄雄的小课堂???? ” 今天给大家分享的是SpringbootVue项目如何部署上线的详细步骤。 代码编辑器 前端Webstorm 2021.1.2 后端IntelliJ IDEA 2021.1.2 所用技术 前端avue 后端Springboot 准备工作 1.首先你先需要有一台服务器直接去各大云厂买一台即可我这边使用的是腾讯云服务器2H4G5M的已经部署了5个项目了都很流畅最后需要备案 2.去各大云厂注册个域名用来访问项目域名很便宜几十块钱能买一年的。解析到你的服务器下域名最后也需要备案。 打包项目 1.在IntelliJ IDEA 2021.1.2以下简称idea中点击菜单栏中的视图--》工具窗口--》Maven--》打开项目--》生命周期--》双击clean,清除目录中的生成结果。 2.双击下面的package开始打包等控制台中日志记录运行完之后会发现此时项目中多了个target的目录改目录中有个.jar文件就是我们的需要往服务器中传的。 在idea中打包springboot项目还可以使用命令的方式(在终端中定位到当前项目的目录下) mvn claen清除目录中的生成结果 mvn package打包程序
3.将该文件上传至服务器的指定目录下我这边传到了/www/wwwroot/hbv目录中,大家可以自定义。
4.打开Webstorm直接在下面的终端中执行npm run build,等控制台执行完即可。此时你就会发现项目中多了个dist目录将该目录直接上传到服务器中指定位置我这边还是传到了/www/wwwroot/hbv目录中大家可以自定义。 到现在为止前后端项目都已经打包完成且已经传到了服务器中怎么传先不介绍大家可以用一款免费软件FileZilla用了好几年了一直很稳定 软件界面大致就是这样的左边客户端右边服务器上传左边文件拉到右边。下载右边拉到左边特别简单。
配置nginx
1.我这边比较偷懒直接在服务器中装了个宝塔面板可以省好多事当然nginx也是可视化的。
2.由于我服务器中有多个项目nginx中的配置文件没必要都展示所以我就把当前后端分离版的项目配置信息贴出来 server {listen 80;server_name xxxx.com;location / {root /www/wwwroot/hbv/dist;try_files $uri $uri/ /index.html;index index.html index.htm;}location ^~ /api/ {proxy_pass http://xx.xx.xx.xx:6666/;proxy_connect_timeout 300s;proxy_send_timeout 300s;proxy_read_timeout 300s;}error_page 500 502 503 504 /50x.html;location /50x.html {root html;}}关键配置信息说明 server_name写你的域名即可通过该域名访问服务器中的项目 root配置的是你前端项目上传的地址需要制定到dist目录下请求时自动会找index.html页面 proxy_pass配置的是你后端访问地址,直接写服务器地址加端口号即可注意端口号别冲突了
在终端启动后端服务
1.在根目录下通过命令cd /www/wwwroot/hbv目录下因为我后端的项目放在了改目录下
2.通过命令ls查看后端项目是否存在
3.通过命令nohup java -jar blog-web-2.2.5.jar 启动服务记得一定要按两下回车
5.最后在浏览器中通过域名就可以访问了。 若是有问题的可以在留言区留言说明最后点个在看再走呗~
