vue+nodejs+mysql宝塔⾯板的部署与使⽤发布到服务器(原创详细版)
前置条件:
1.云服务器(阿⾥云,腾讯云都⾏)
2.域名 (没有就⽤服务器公⽹ip访问)
3.已经打包好的前端项⽬
接下来开始
第⼀步给服务器做系统,这⾥我选择的是centors 8.2
2. 好了之后远程连接服务器,这⾥你也可以选择xshell等其他连接,或者阿⾥云⽹页端浏览器⾃带的也⾏。
进⼊服务器后,可以通过输⼊“sudo su root”切换⾄root账号
Centos安装脚本:
yum install -y wget && wget -O install.sh download.bt/install/install_6.0.sh && sh install.sh
这⾥可以去宝塔官⽹看:
成功安装之后 命令⾏会提⽰
外⽹⾯板地址: xxxxxx
内⽹⾯板地址: xxxxxx
username: xxxxxx
password: xxxxxx
然后根据给你的地址,访问公⽹IP,他会推荐你安装基本的,根据系统默认的推荐点击确定即可,安装时间⼤约在20分钟左右进⼊后会看到
nginx部署前端项目接下来开始部署前端项⽬
通过npm run build 打包成dist⽂件夹后
去⽂件上传打包后的dist⽂件夹。
最后⼀步点击设置中的⽹站⽬录,去设置⽬录。
这时候你的前端页⾯已经基本搭建好了,可以通过你的公⽹IP去查看你所上传的前端页⾯。Ps:我个⼈的vue项⽬的webpack的publicPath是空:
publicPath:'',
接下是nodejs的配置:
最后⼀步就是mysql连接了
选择数据库然后点击添加数据库,输⼊数据库名 密码等等
注意
这⾥的数据库名字要和你本地即将导⼊的.sql⽂件名字⼀样
注意
接下来是先去navicat导出数据为sql⽂件
导出成功后,继续回到宝塔⾯板,点击导⼊后,弹窗打开,点击从本地上传
上传成功后点击管理就可以看到你数据库的数据了
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论