Hostinger Agency 套餐上传静态前端应用教程

Hostinger Agency 主机方案允许你上传静态前端应用——这是一种由预构建文件组成的 Web 应用，直接交付给用户，无需服务器端处理或数据库——所有 Agency 方案均支持此功能。

支持的框架包括 Vite、Vue CLI、Parcel 和 React（通过 Vite）

准备开始

第 1 步 – 添加新网站

点击主机面板中的 Create website（创建网站）按钮。

第 2 步 – 选择静态前端应用

在网站类型选项中，选择 Static front-end application（静态前端应用）。

第 3 步 – 选择你的域名

选择你要用于托管应用的域名。

第 4 步 – 上传源文件

点击文件上传器，选择你的源文件压缩包。请确保压缩包中包含：

• 所有源代码文件
• 包含依赖项的 package.json
• .env 文件（如果你的应用使用环境变量）

第 5 步 – 完成设置

点击 Finish（完成）结束设置。你的应用将被自动准备并部署到你的域名上。

更新你的应用

需要为应用部署更改？操作很简单：

1. 将更新后的源文件打包为压缩包
2. 在主机面板中进入你的网站
3. 使用文件上传器上传新的压缩包
4. 点击 Update（更新）

你的应用将使用最新更改重新构建，并在你的域名上生效。

上传后会发生什么？

上传文件并点击完成或更新后：

1. 你的应用会被自动构建
2. 构建后的文件将部署到你的域名
3. 你的网站随即上线并可访问

如果你要部署需要服务器端处理的 CMS 或框架，例如 PrestaShop 或 Laravel，请参阅如何在 Hostinger Agency 主机方案上安装自定义 PHP。有关主机方案功能的更多信息，请参阅如何开始使用 Hostinger Agency 主机方案。

静态前端应用上传完成后，系统会自动将其构建并部署到你的域名上。