Laravel项目本地运行正常,克隆到VPS部署报crbug/1173575错误如何解决?
问题根因说明
crbug/1173575, non-JS module files deprecated 是Chrome浏览器针对加载失败的非JS类静态资源抛出的提示,本质是项目部署后前端资源无法正常加载,和云服务商无关,大概率是部署流程遗漏或配置错误导致。
排查及解决步骤
- 检查是否遗漏前端资源编译
绝大多数Laravel项目会在.gitignore中排除node_modules目录、public/build、public/js、public/css等编译后的前端产物,推送到Git仓库时不会同步这些文件,部署到VPS后需要手动执行编译:
进入项目根目录依次执行以下命令:npm install npm run build - 核对环境配置
检查项目根目录下的.env文件,确认APP_URL参数已经修改为VPS对应的公网IP或绑定的域名,而非本地的http://localhost或http://127.0.0.1,Laravel生成静态资源路径时会依赖该参数,配置错误会导致资源路径指向本地,加载失败。 - 检查前端构建工具配置
如果使用Vite作为构建工具,检查vite.config.js中的配置:
不要硬编码本地回环地址作为服务监听地址,生产环境无需配置server.host、server.hmr.host为localhost相关值;如果静态资源存放在二级目录,需要配置build.assetsDir和base参数匹配部署路径。
如果使用Laravel Mix,检查webpack.mix.js中的setResourceRoot参数是否和部署路径匹配。 - 核对Web服务器配置
确认Nginx/Apache的站点根目录指向Laravel项目的public目录,而非项目根目录;检查public目录下的静态资源文件权限是否和Web服务器运行用户权限匹配,避免出现403拒绝访问的问题;确认Web服务器的静态资源缓存、重写规则配置正确,不会拦截正常的静态资源请求。 - 部署后常规优化(避免其他配置缓存问题)
编译前端资源后执行以下Laravel常规部署命令,清理并缓存配置:php artisan config:cache php artisan route:cache php artisan view:cache
内容的提问来源于stack exchange,提问作者Eduardo Augusto Castro C.
相关产品推荐
相关产品推荐

