如何从Docker部署的Nuxt应用访问宿主服务器上的Node.js应用？

你遇到的核心问题是Docker容器内的127.0.0.1指向容器自身，而非宿主服务器，下面提供两种可行方案：

方案一：Docker网络配置直接访问宿主服务 #

Docker提供了特殊域名host.docker.internal用于容器访问宿主机器的服务：

• Linux环境：部分老版本Docker需要在启动容器时添加--add-host host.docker.internal:host-gateway参数，新版本可直接使用该域名
• Windows/macOS：直接使用host.docker.internal即可

调整nuxt.config.js的axios配置：

axios: {
  baseURL: 'http://host.docker.internal:6008/',
  browserBaseURL: ''
}

如果是老版本Linux Docker，启动容器命令示例：

docker run --add-host host.docker.internal:host-gateway [你的Nuxt镜像名称]

方案二：沿用Apache反向代理（适配你现有部署习惯） #

这种方式无需修改Docker配置，通过Apache转发请求：

1. 更新Apache配置，添加代理规则（根据你的实际路径调整）：

# 将Nuxt应用中指向/api的请求代理到宿主的Node服务
ProxyPass /app/api http://localhost:6008/api
ProxyPassReverse /app/api http://localhost:6008/api

2. 调整nuxt.config.js的axios配置，使用相对路径：

axios: {
  baseURL: '/app/',
  browserBaseURL: '/app/'
}

这样服务端渲染和浏览器端的请求都会通过Apache转发到宿主的Node服务，规避Docker网络隔离问题。

方案选择建议 #

• 若想减少依赖、直接让容器与宿主通信，选方案一
• 若习惯使用Apache代理的部署模式，选方案二更省心

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