【自用】VUE项目 宝塔部署 上线阿里云服务器CentOS7.6

一、给VUE项目打包

1.开始打包

运行命令：

npm run build

2.找到打包好的 dist 文件夹

要记住这个dist文件放在了哪儿，记住哦！

二、服务器端安装宝塔面板

1.进入root用户并执行命令

yum install -y wget && wget -O install.sh /install/install_6.0.sh && sh install.sh

安装全都 yes 即可，直到安装成功显示

2.按照“外网面板地址”，在客户端浏览器访问宝塔面板

输入服务器给出的 username 和 password

（请注意！若无法访问，则要查看服务器的防火墙是否开放了端口如：192.168.211.109:8888）

（如果没有放开端口，则要在云服务器控制面板上开放端口并且进入服务器重启防火墙）

3.注册一个新的宝塔账号，并登录宝塔

三、域名解析

1.打开阿里云域名控制台

2.进入域名解析

3.设置域名解析，添加域名前缀www等…

四、宝塔设置服务器绑定域名

1.添加域名

（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）

（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）

（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）

根目录等参数也都保持默认不必修改

2.点击“根目录”

3.上传已经打好的 dist 包（就是我们第一步打包好的vue工程）

4.回退到“网站”

5.点击“网站名”

6.添加带前缀的域名

五、访问 xxx.top 域名（不要带端口号），成功。

1.成功！