一文掌握html、Vue3部署到阿里云服务器

目录

一、购买阿里云服务器

二、进入宝塔面板

三、宝塔中部署html网页或Vue

四、Vue部署后出现刷新或切换路径出现404解决方案

一、购买阿里云服务器

阿里云-计算，为了无法计算的价值阿里云——阿里巴巴集团旗下全球领先的云计算及人工智能科技公司之一。提供全栈云服务，包括弹性计算、高性能数据库、网络与存储方案，以及AI大模型、向量检索、大数据分析等智能化能力。依托飞天云计算操作系统与全球基础设施，支持企业构建高可用架构，定制基于场景的行业解决方案，免费备案，7×24小时售后支持，助企业无忧上云。https://www.aliyun.com/（1）前往阿里云官网，点击进入云服务器ECS

（2）创建实例

选择页面中出现的99块钱配置，点击

进入到购买详情页，要记得点击宝塔面板免费版

（3）实例安全组配置

需要配置安全规则，才能通过对应公网ip以及端口号访问到网页

这里直接把端口2000到3000都开放出来

二、进入宝塔面板

点击远程连接，随后登录

在命令行页面输入bt

输入命令编号：14

通过弹出的外网地址，进入宝塔面板；

三、宝塔中部署html网页或Vue

（1）在“文件”中，把要部署的html或者是Vue通过npm run build命令生成的dist文件，放到某个目录中

(2)在“网站”中，选择PHP，添加站点，这里域名中的端口要在阿里云安全组里面有开放；

根目录要指向index.html文件存在的路径。

（3）随后在宝塔的“安全”中，添加端口规则。

（4）之后就可以通过域名（公网ip:端口）访问到网页了。

（5）Vue的部署同理，只要添加站点时，目录指向了index.html即可；

四、Vue部署后出现刷新或切换路径出现404解决方案

在站点的配置文件中，添加：

 location / {
      try_files $uri $uri/ /index.html;
    }