给大家分享以下我是如何部署SpringBoot Vue前+后端分离的项目的,我用的Linux发行版是CentOS7.5
有了一个基于ElementUI的电商后台管理系统,在开发一个相似的后台就会轻松很多。不过前面的系统的后端是使用节点完成的,对于我们Java开发者来说,用不到。我学习的是ElementUI的使用,就足够了,然后后端服务就全部可以自己使用SpringBoot来完成
最近貌似Vue3正式版也发布了,正好有空看可以去看一看
<人力资源大??”颜色=" # 000000 "/>提示:以下是本篇文章正文内容、下面案例可供参考
<强> 1.1 Vue项目打包
温馨提示:如果你的电脑上没有装vue环境的话,请先安装好节点、下面使用<强> 强表达(一个http框架,提供了快速搭建服务器的功能)也是基于节点的。具体安装方法请自行百度,我这里就不介绍如何安装了
我的项目是使用vue cli4搭建的,使用脚手架搭建的项目,如果不知道自己的vue cli是什么版本的,可以输入如下命令进行查看
使用脚手架搭建好处,就是什么都是可视化的,一键启动项目,一键编译项目,安装依赖也会变的非常非常的方便。效果图如下
我们点击构建,然后运行,等待项目构建完成之后,就可以在项目根路径生成一个dist文件夹,这个文件就存放着我们vue项目打包好的所有内容
1.2使用表达代理静态资源文件
当然代理静态资源还有很多种方法,这是一种我认为比较轻松的方案,那么要如何来做呢?
提示:无论是Linux环境还是Windows环境,以下方案是通用的(前提是你已经安装好了节点以及npm,我们要用npm包安装环境)
-
<李>创建一个新的文件夹比如:myapp <代码> mkdir myapp 然后进入该文件夹:<代码> cd myapp
<李>然后初始化节点环境:<代码> npm init ,
<李>然后它会让你自己选择配置一些JSON信息李
<李>然后安装表达环境:<代码> npm安装表达——>
<李>然后创建app.js文件:<代码>触摸app.js>
<李>编写表达代理静态资源的代码,windows环境用文本编辑器,Linux环境用vim编辑器李
编辑完毕,保存代码我们使用一个项目管理的工具包pm2
窗口同理
安装这个我们可以实时查看项目的情况
使用这个,我们就不必用节点app.js运行项目了,这样直接运行的弊端就是当你关闭壳或者Linux shell项目也会自动关闭。这样项目管理就会非常的方便哦
<强> 2.1数据库部署可能出现的问题
-
<李>首先要确保我们的服务器上安装了mysql数据库李
<李>然后就是数据库的相关配置,设置远程访问等等李
<李>数据库默认是不支持远程连接的,如果需要请放的开,设置%就代表运行外部用户访问李
