提前未知访问URL时，如何为AWS EBS部署的NuxtJS+NGINX项目配置Socket连接

核心问题是前端socket配置硬编码了localhost，部署后用户浏览器访问EBS域名时仍请求本地地址，按以下步骤修改即可适配任意部署域名：

1. 优先方案：Socket.io使用相对路径 #

前端socket.io配置不需要写完整绝对地址，直接使用相对路径即可自动继承当前页面的访问协议、域名、端口，完全不需要提前获知部署地址：

io: {
  sockets: [{     
    default: true,
    name: 'mainSocket',
    url: '/' // 替换原有硬编码的localhost地址
  }],
},

该方案本地开发、EBS临时域名、后续绑定自定义DNS全场景通用，不需要额外配置。

2. 调整Nginx配置适配任意域名 #

删除原有绑定的example.com，配置监听所有访问请求：

server {
    listen 80;
    server_name _; # 匹配所有域名，不用提前绑定

    location / {
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $host;

      proxy_pass http://nuxt:3000;

      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
    }
}

3. （可选）Docker Compose优化 #

无需对外暴露Nuxt的3000端口，仅保留Nginx的80端口对外即可，降低安全风险：

version: "3.8"

services:
  nuxt:
    build: ./app
    restart: always
    # 删除ports配置，nginx可通过Docker内部网络直接访问nuxt的3000端口
    command: "npm run start"

  nginx:
    image: nginx:1.19
    ports:
      - "80:80"
    volumes:
      - ./nginx:/etc/nginx/conf.d
    depends_on:
      - nuxt

特殊场景补充：如需使用绝对路径 #

如果后续Socket服务和前端服务部署在不同域名下，可使用Nuxt运行时环境变量动态注入地址：

• 在Nuxt中声明公共环境变量，socket配置读取该变量值
• 部署到AWS EBS时，在EBS环境的环境变量配置项中填入对应域名即可，无需重新打包镜像

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