谷歌云部署Laravel项目后CSS与JS无法加载求助

我之前在Google App Engine（GAE）上部署Laravel项目时，也踩过静态资源加载的坑，结合你的配置和代码，咱们来一步步解决：

1. 修正app.yml的静态资源路由配置 #

你的app.yml里的静态资源handler配置有核心问题：GAE的Web根目录是项目根目录，而Laravel的静态资源默认放在public/assets下，但你当前的配置指向的是项目根目录下的assets文件夹，且URL匹配规则和实际请求路径不对应。

修改后的完整app.yml应该是这样：

runtime: php73
handlers:
  # 匹配/assets开头的请求，指向public/assets目录下的静态资源
- url: /assets
  static_dir: public/assets
  # 必须添加这个handler处理所有PHP请求，否则Laravel路由无法生效
- url: /.*
  script: auto
env_variables:
  APP_KEY: "你的APP_KEY值"
  APP_STORAGE: /tmp
  VIEW_COMPILED_PATH: /tmp
  SESSION_DRIVER: cookie
  # 关键：设置正确的APP_URL，asset函数依赖它生成正确的资源路径
  APP_URL: "https://你的项目ID.uc.r.appspot.com" # 替换成你的GAE实际域名

为什么要这么改？ #

• 你原来的url: /public/assets意味着只有请求/public/assets/xxx时才会触发静态资源处理，但Laravel的asset()函数生成的URL是/assets/xxx，完全匹配不上，导致资源返回404。
• static_dir: public/assets告诉GAE：当请求/assets路径时，去项目根目录下的public/assets文件夹找对应的静态文件。

2. 修正blade模板里的资源引用写法 #

你的head.php里的资源拼接方式容易出错，应该直接把完整的相对路径传给asset()函数：

<!-- 原来的写法 -->
<link rel="stylesheet" href="{{ asset('assets') }}/css/bootstrap.css">

<!-- 修改后的正确写法 -->
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.css') }}">

asset()函数会自动结合APP_URL生成完整的绝对路径，避免手动拼接带来的路径错误。

3. 额外补充：如果有其他静态资源目录 #

如果你还有public/js、public/images这类目录，可以在handlers里添加对应的规则：

- url: /js
  static_dir: public/js
- url: /images
  static_dir: public/images

最后，把修改后的app.yml和模板文件保存，重新部署你的GAE项目，应该就能正常加载CSS和JS了。

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