前端使用宝塔面板部署VUE项目

需要用到的服务及工具

云服务器(腾讯云轻量)、SSH连接工具(FinalShell、xshell)、打包后的VUE项目

腾讯云：https://console.cloud.tencent.com/

FinalShell：http://www.hostbuf.com/

创建VPS

1、购买(这一步骤就不多说了...掏钱就行了。尽量去撸一些活动的，价格会低很多)

2、进入腾讯云服务器控制台

3、点击创建的实例

使用SSH工具(FinalShell)连接VPS

操作此步骤之前请确保你的实例为linux(Centos)操作系统。

(1)创建连接

(2)连接实例

(3)连接成功

安装宝塔面板

宝塔官网：https://www.bt.cn/

复制安装脚本到ssh工具开始安装

安装好之后会给你外网地址、账号、密码

打开外网面板地址，输入账号密码登录。（如果外网地址打不开，请看一下vps实例是否开放了8888宝塔默认端口）

相关文章：腾讯云服务器宝塔8888端口开放教程（安全组开启）

登录宝塔官网账户后，选择弹出的lnmp环境（linux，nginx，mysql，php）

然后打包vue项目，npm run build之后会创建一个默认的dist文件夹，里面是打包后的应用

宝塔环境安装好之后，点击左侧新建站点，域名没有的话可以先使用IP地址来代替。

创建好之后，打开IP地址就会访问到宝塔站点的默认页面。

删除宝塔的默认页面，将dist文件夹中的文件上传后即可，到此项目就可以正常上线了。