Hostinger 部署 Inertia 404 错误？6 个步骤快速解决

Hostinger 部署 Inertia 时解决 404 错误的全面指南

引言

将 Laravel 应用程序部署到 Hostinger 时，使用 Inertia 和 Vue 3 可能会导致 404 错误。本文将深入探究此问题的可能原因并提供逐步的解决方案，帮助你快速高效地解决问题。

问题分析

404 错误的最常见原因之一是 Vite 清单中缺少资源文件。Vite 清单是一个由 Vite（一种用于资产构建的 JavaScript 工具）生成的 JSON 文件，其中包含应用程序所有组件的文件路径。当特定文件（如 404.vue）找不到时，Vite 无法正确加载和呈现组件，从而导致 404 错误。

潜在解决方案

1. 检查 Vite 清单

确保 Vite 清单中包含 404.vue 文件的路径。重新运行 npm run build 命令以重建资产并更新 Vite 清单。

2. 上传更新后的资产

将更新后的 public 文件夹（包括 build 文件夹）上传到 Hostinger 上的 public_html 文件夹。

3. 清除浏览器缓存

清除浏览器的缓存和 cookie 以强制重新加载资产。

4. 检查 .htaccess 文件

确保 public_html 文件夹中的 .htaccess 文件包含以下代码段：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^(.*)$ public/$1 [L]
</IfModule>

此代码将重定向所有请求到 public 子目录，这是 Inertia 所必需的。

其他注意事项

• 确保在 index.php 文件中添加了正确的项目文件夹名称。
• 检查 app.blade.php 文件是否正确配置了 Vite 和 Inertia 组件。
• 确保 public_html 文件夹中没有 .well-known 文件夹，因为它可能会干扰重写规则。

结论

通过遵循这些步骤，你应该能够解决 Hostinger 部署中的 Inertia 404 错误。如果问题仍然存在，请联系 Hostinger 支持团队或社区论坛寻求进一步的帮助。

常见问题解答

Q：为什么会出现 Vite 清单错误？
A： 缺少文件、文件路径错误或 Vite 构建失败都会导致 Vite 清单错误。

Q：如何重新生成 Vite 清单？
A： 运行 npm run build 命令以重新生成 Vite 清单。

Q：为什么需要 .htaccess 文件？
A： .htaccess 文件包含重写规则，以确保所有请求都定向到 Inertia 所需的 public 子目录。

Q：如何解决浏览器缓存问题？
A： 清除浏览器的缓存和 cookie 以确保加载更新后的资产。

Q：我可以从哪里获得其他帮助？
A： 如果这些步骤无法解决问题，请联系 Hostinger 支持团队或访问社区论坛。