如何在Hostinger上配置运行Laravel项目的Vite？

云原生阿岚

2026-6-20

Hostinger部署Laravel后Vite配置解决方案

针对你遇到的Vite manifest not found错误，按以下步骤操作即可解决：

Step 1: 登录Hostinger主机SSH
打开Hostinger的cPanel面板，找到「SSH Access」选项开启SSH，用终端工具（比如Git Bash、Xshell）连接主机，进入项目根目录：
```
cd /home/u677060802/domains/lara11.balazskelemen.co.uk
```
Step 2: 安装前端依赖
运行npm命令安装Vite和Laravel Breeze所需的前端包：
```
npm install
```
如果遇到npm版本兼容问题，Hostinger支持nvm切换Node版本，建议使用Laravel 11推荐的Node 18+：
```
nvm install 18
nvm alias default 18
```
Step 3: 构建生产环境静态资源
执行构建命令生成Vite的manifest.json和编译后的资源文件：
```
npm run build
```
这个命令会自动在public/build目录下生成所需的清单文件和静态资源，直接解决找不到文件的报错。
Step 4: 配置环境变量
打开项目根目录的.env文件，确保以下两个变量设置正确：
```
APP_URL=https://lara11.balazskelemen.co.uk
VITE_APP_URL="${APP_URL}"
```
保存后在cPanel中找到「Restart PHP」选项重启PHP服务，让环境变量生效。
Step 5: 检查文件权限
确认public/build目录权限为755，目录内文件权限为644，避免服务器无法读取资源：
```
chmod -R 755 public/build
chmod -R 644 public/build/*
```