如何在Hostinger或cPanel共享主机部署Inertia.js?
解决方案:Inertia.js 部署与本地启动优化
一、cPanel/Hostinger 共享主机部署方案
共享主机几乎不支持长期运行 npm run dev(开发服务器会持续占用资源,且多数共享主机限制后台常驻进程),正确的做法是本地构建生产资源后上传:
- 本地项目中执行
npm run build,框架会将编译后的静态资源(JS/CSS/图片等)打包到指定目录(比如 Laravel+Inertia 是public/build,Vue/React 纯项目一般是dist)。 - 上传项目文件到主机:
- 跳过
node_modules目录(共享主机不需要依赖包,本地已完成构建)。 - 将项目核心文件(包括构建好的静态资源目录)上传到主机的网站根目录(比如 cPanel 的
public_html)。 - 如果用 Laravel 这类后端框架,需在主机后台将域名根目录指向项目的
public文件夹(cPanel 可通过「域名管理」或「文件管理器」设置)。
- 跳过
- 可选:若主机提供终端(Hostinger 部分套餐支持),可尝试在终端执行
npm install和npm run build,但注意部分共享主机内存限制可能导致安装失败,优先推荐本地构建。
二、本地无需每次运行 npm run dev 的启动方法
核心思路是构建生产版本,用本地 Web 服务器托管静态资源,替代开发服务器:
- 先执行
npm run build生成生产包,确保public(或dist)目录下有编译好的资源。 - 用本地 Web 服务器托管:
- 比如 XAMPP/WAMP:将项目放在
htdocs/path目录下,直接访问localhost/path/public即可,Web 服务器会加载构建后的静态资源,无需启动开发服务器。 - 若用 Laravel,可执行
php artisan serve,此时服务会读取public目录的生产资源,而非开发热更新资源。 - 若需要修改代码,改完后重新执行
npm run build即可更新静态资源。
- 比如 XAMPP/WAMP:将项目放在
内容的提问来源于stack exchange,提问作者Sarkaw Salar
相关产品推荐
相关产品推荐

