• 微信公众号登录调试:
• 调试和部署生产环境websocket配置
  • 生产环境配置nginx转发

没有说明的情况看项目示例

微信公众号登录调试:

TIP

微信公众号的网页授权比较繁琐,特意单独整理

查看文档 (opens new window)

调试和部署生产环境websocket配置

utils\socket.uts

开发调试情况:

 private baseUrl: string = 'ws://'+VITE_APP_HOST+':'+ '/ws'; 

生产环境:

 private baseUrl: string = 'wss://'+VITE_APP_HOST+':'+ '/ws'; 

生产环境配置nginx转发

 # ：WebSocket代理配置 ==========
  location /ws {  # 这个路径 /ws 是你前端要连接的路径，可以自定义
      # 代理到本地的Swoole服务
      proxy_pass http://127.0.0.1:9001;

      # WebSocket必须的头信息
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
  }