Linux 宝塔面板打包部署 Vue 项目
写在前面
有个最直接的办法就是交给静态托管平台,但是有些人就是想部署在自己服务器上,那么就可以用宝塔管理工具进行部署
本文就用 Vue 高仿网易云 的项目作个演示
正式开始
本地打包好项目,所以你本地要有 node 环境
1 | npm run build |
就会生成个打包后的目录,把目录下的的所有内容添加到压缩包

随后连接到服务器安装宝塔
CentOS 安装命令,其它系统参考宝塔官网的教程
1 | yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh |
安装过程会有个选项,输入 y 回车即可
安装完成之后就会给你个外网内网地址以及用户名密码,打开浏览器输入外网地址再输入用户名密码最后同意他的协议
进入首页之后,就按他的推荐选择 LNMP,安装方式选择极速安装,然后静静等待即可!
安装完成之后,点击网站,添加站点,输入你的域名,最后提交即可

来到文件这里,把这些默认的文件全删了

然后上传我们打包好的 dist 目录,刚刚让你添加到压缩包的那个

上传成功后,解压

最后域名解析一下大功告成!

甚至 Nginx 的配置都不用配,这是因为你在添加站点的时候,宝塔就已经帮你配好了!

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 小嘉的部落格!
评论


