写在前面

有个最直接的办法就是交给静态托管平台,但是有些人就是想部署在自己服务器上,那么就可以用宝塔管理工具进行部署

本文就用 Vue 高仿网易云 的项目作个演示

正式开始

本地打包好项目,所以你本地要有 node 环境

1
npm run build

就会生成个打包后的目录,把目录下的的所有内容添加到压缩包

dist

随后连接到服务器安装宝塔

CentOS 安装命令,其它系统参考宝塔官网的教程

1
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装过程会有个选项,输入 y 回车即可

安装完成之后就会给你个外网内网地址以及用户名密码,打开浏览器输入外网地址再输入用户名密码最后同意他的协议

进入首页之后,就按他的推荐选择 LNMP,安装方式选择极速安装,然后静静等待即可!

安装完成之后,点击网站,添加站点,输入你的域名,最后提交即可

add-site

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

delete

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

upload-dist

上传成功后,解压

decompression

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

success

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

nginx