购买服务器：本文以阿里云为例（可以免费零三个月），打开阿里云，注册账号，选择产品-云服务器ECS-选择个人版免费试用。选择一些配置后，完成购买。
点击左上角图标-点击云服务器ECS，点击实例，点击实例名称进入实例详情，点击重置密码，登录名一般不更改（默认root），输入新密码-保存。
在实例详情面板的基本信息中，点击实例ID右侧的远程连接，选择（通过Workbench远程连接）登录。在终端输入：url=download.bt.cn/install/ins… [ -f /usr/bin/curl ];then curl -sSO url;fi;bash install_lts.sh ed8484bec 安装宝塔Linux面板，安装成功后出现面板账户登录信息（记得截图保存起来）
复制外网面板地址到浏览器打开，登录刚才显示的账号与密码。
进入宝塔面板-点击左侧菜单栏（文件），默认显示wwwroot文件夹。
将前端项目进行打包：VSCode终端执行：pnpm/npm run build 生成dist文件夹。
在宝塔面板中，菜单栏-文件（wwwroot文件夹），点击上传（文件夹），将上传打包后的项目。
左侧菜单栏-网站：点击PHP项目，添加站点，输入服务器的外网地址（加上自定义端口号），点击根目录（选择dist文件夹），点击确认，此时看到项目运行中。
点击表格刚才添加的站点，右侧操作栏（设置），点击配置文件，可以看到listen (刚才自定义的端口号，记住它)，在server{(这里面，随便位置)}添加代码块：location / { try_files uri/ /index.html;}，vueRouter模式如果是history,刷新页面会出现404，需要添加上面的代码。如果有后端接口要代理。则添加
回到阿里云服务器，在云服务器ECS选项中，点击安全组-右侧操作栏（管理规则），在tab栏（入方向），点击快速添加，勾选SSH（22），HTTPS（443），MySQL（3306），Http(80)确认。点击手动添加：只需要输入端口范围（刚才宝塔面板设置的网站端口号，第8点），授权对象选择所有IPv4，保存。继续手动添加8888端口号、宝塔面板端口号（在宝塔面板左侧菜单栏-面板设置，选择安全设置，找到面板端口（就是它））、
点击tab栏（出方向），点击快速添加，授权对象选择（所有IPv4），直接勾选全部，保存。继续快速添加，选择（所有IPv6）,勾选全部，保存。
此时通过服务器外网地址运行项目（如果显示无法访问此网站，请仔细检查上面的第8，第10点是否操作正确），运行成功则恭喜你啦~
补充：如果在上面的操作中，出现什么未安装，就直接安装即可（都选择稳定版本）。
