Docker环境下运行strapi develop --watch-admin访问/admin出现404的解决方案

问题说明 #

• 常规strapi develop启动服务运行正常，使用strapi develop --watch-admin启动后，1337端口的/admin路径返回404
• 8000端口的admin路径无限加载，浏览器控制台报localhost地址连接拒绝错误

根因 #

Strapi内置的webpack dev server默认绑定localhost，Docker容器内的本地地址无法被宿主机直接访问，导致资源请求失败。

修复步骤 #

1. 调整全局服务配置
   修改/config/server.js，新增url配置项指定服务对外访问地址：

module.exports = ({ env }) => ({
  host: '0.0.0.0',
  port: env.int('PORT', 1337),
  url: 'http://' + env('APP_DOMAIN', '0.0.0.0') + ':' + env.int('PORT', 1337),
  admin: {
    autoOpen: false,
    host: '0.0.0.0',
    port: 8000,
    auth: {
      secret: env('ADMIN_JWT_SECRET', 'xxxxxxxxxxxxxxxxxxxxxxxxxx'),
    },
  },
});

2. 覆盖Admin端webpack配置
   在项目根目录新建/admin/admin.config.js，修改devServer监听地址为0.0.0.0：

module.exports = {
  webpack: (config, webpack) => {
    config.devServer = {
      host: '0.0.0.0',
    };
    return config;
  },
};

修改完成后重启服务即可正常访问admin后台。 #

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