Symfony4局域网移动端无法加载资源问题排查

我之前碰到过几乎一模一样的坑！问题出在资源的URL指向了Android设备自己的localhost，而不是你的开发电脑——毕竟Android的localhost是它本机，不是你跑Symfony的机器，自然加载不到资源。非Symfony项目正常是因为它们的资源路径大多是相对路径，或者服务器直接处理了资源请求，不需要依赖Encore生成的绝对URL。

下面是具体的解决步骤：

1. 调整Webpack Encore的Public Path #

Encore默认会用/build/作为资源的公共路径，但当你从局域网设备访问时，需要把这个路径改成你开发电脑的局域网IP地址（比如http://192.168.1.100:8000/build/）。

修改你的webpack.config.js，可以用环境变量来动态设置，避免硬编码：

const Encore = require('@symfony/webpack-encore');

// 优先读取环境变量，默认用相对路径（本地开发时也能用）
const publicPath = process.env.ASSET_PUBLIC_PATH || '/build/';

Encore
  .setOutputPath('public/build/')
  .setPublicPath(publicPath)
  // 保留你原来的其他配置（比如addEntry、enableSingleRuntimeChunk等）
;

module.exports = Encore.getWebpackConfig();

2. 启动Encore时指定正确的Public Path #

开发模式下启动Encore时，通过环境变量传入你的电脑局域网IP：

# 替换成你的实际IP和端口
ASSET_PUBLIC_PATH=http://192.168.1.100:8000/build/ yarn encore dev --watch

如果是生产构建，也可以在构建时传入这个变量，确保资源URL正确。

3. 确保Symfony服务器监听局域网 #

启动Symfony本地服务器时，要让它监听0.0.0.0，这样局域网内的设备才能访问：

symfony server:start --address=0.0.0.0

4. 可选：配置Symfony的Asset Base URL #

如果你的Twig模板里用了asset()函数，还可以在config/packages/framework.yaml里设置全局的资源基础URL，确保所有asset都指向正确的地址：

framework:
    assets:
        base_urls: ['http://192.168.1.100:8000']

做完这些步骤后，Android设备访问你的Symfony项目时，资源的URL就会指向你的开发电脑，自然就能正常加载了！

内容的提问来源于stack exchange，提问作者Kristen Joseph-Delaffon