当前位置:   article > 正文

通俗易懂的pringBoot+Vue前后端分离部署教程_vue部署是和后端一起部署吗

vue部署是和后端一起部署吗

前后端项目部署

在寒假期间开发的一叁邦微信电商小程序终于是收尾了,前端的小伙伴把他们开发的后台管理系统用Vue打包成dist文件给我部署,这可咋整,学呗.
参考b站学习视频:前后端分离项目的两种部署方案

  1. 前后端一起部署(前端打包成静态文件后,拷贝到后端你项目中,然后部署后端项目)
  2. 前后端分离部署,前端使用nginx部署,后端直接运行jar

1.前后端一起部署(前端打包成静态文件后,拷贝到后端你项目中,然后部署后端项目)

将vue项目打包后生成的css、fonts、img、js以及html文件复制后放到SpringBoot项目resources的目录下。

拷贝完成之后,要在安全框架中添加静态资源放行,这里就看你使用的是什么安全框架了。

然后运行jar包,即可访问静态页面。

这种方案不存在跨域问题

2. 前后端分离部署,前端使用nginx部署,后端直接运行jar

将vue打包后生成的dist文件夹复制到nginx的html目录下

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/186398
推荐阅读
相关标签
  

闽ICP备14008679号