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

一、给VUE项目打包

1.开始打包

运行命令:

npm run build

在这里插入图片描述

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

要记住这个dist文件放在了哪儿,记住哦!
在这里插入图片描述



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

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

yum install -y wget && wget -O install.sh http://download.bt.cn/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.成功!

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43768851/article/details/128414247