如何在Hostinger部署的Laravel网站上执行npm run dev命令？

你用composer require laravel/ui和php artisan ui vue --auth搭建的带身份验证的Laravel站点，部署到Hostinger后出现身份验证页面样式错乱（页面结构排版异常，控制台提示静态资源加载失败），需要执行前端资源编译命令修复。以下是在Hostinger服务器上的具体操作方法：

方法1：用Hostinger文件管理器内置终端 #

• 登录Hostinger主机管理面板，找到文件管理器
• 定位到你的Laravel项目根目录（一般在public_html或自定义部署目录下）
• 点击文件管理器顶部的终端按钮，打开内置命令行窗口
• 依次执行命令：
  1. 安装前端依赖：npm install（如果之前没装过）
  2. 编译资源：开发调试用npm run dev，生产环境优先用npm run build（生成压缩优化后的静态资源）
• 命令执行完后刷新网站，检查样式是否恢复正常

方法2：通过SSH连接操作 #

• 先在Hostinger后台开SSH：进入主机管理面板的SSH访问选项，开启服务并设置密码
• 用SSH工具（比如Xshell、本地终端）连接服务器，连接信息在Hostinger的SSH页面可以看到（主机地址、端口、用户名、密码）
• 切换到Laravel项目根目录：cd /path/to/your/laravel/project（替换成实际路径，比如cd public_html）
• 同样执行：
  1. npm install
  2. 选npm run dev或npm run build执行

额外提醒 #

• 如果npm install报错，大概率是服务器没装Node.js，去Hostinger后台高级->Node.js选对应版本启用，再回来执行命令
• 生产环境一定要用npm run build，生成的资源更小、加载更快，更适合线上
• 确保Laravel的public目录及里面的css、js文件有可读权限，不然资源加载会失败

内容的提问来源于stack exchange，提问作者MdRasen