你好呀，我的老朋友！我是老寇，欢迎来到老寇IoT云平台！

环境准备

需要安装Node，版本必须是18或以上（推荐用 nvm 来管理 node 版本，windows 下推荐用 nvm-windows）

nvm-windows安装地址 (opens new window)

常用命令

# 列表
nvm list

# 安装不同版本node.js
nvm install 版本号

# 切换不同版本node.js
nvm use 版本号

# 查看node.js版本
node -v

安装依赖

npm install -g pnpm
pnpm install

运行项目

pnpm dev

构建项目

pnpm build

后端联调

注意：请根据后端配置，修改请求协议

注意：填写nginx的代理端口

注意：填写nginx的代理端口

注意：填写nginx的代理端口

nginx.conf

worker_processes  auto;
worker_rlimit_nofile 200000;

events {
	worker_connections      65535;
	multi_accept on;
}

http  {

	include                 mime.types;
	default_type            application/octet-stream;
	server_tokens 			off;
	sendfile 				on;
	tcp_nopush 				on;
	tcp_nodelay 			on;
	keepalive_timeout 		60;
	keepalive_requests 		100000;
	client_max_body_size 	1024m;

	# ====================
	# GZIP
	# ====================
	gzip on;
	gzip_comp_level 6;
	gzip_min_length 1k;
	gzip_types
        text/plain
        text/css
        text/javascript
        application/json
        application/javascript
        application/xml
        application/xml+rss
        application/x-javascript;

	# ====================
	# Gateway Cluster
	# ====================
	upstream gateway_cluster {

		least_conn;

		keepalive 512;

		server gateway:5555
            max_fails=3
            fail_timeout=30s;
	}

	# ====================
	# Auth Cluster
	# ====================
	upstream auth_cluster {

		keepalive 128;

		server auth:1111
            max_fails=3
            fail_timeout=30s;
	}

	# ====================
	# Frontend
	# ====================
	server  {
		listen 88;

		root /usr/share/nginx/dist;
		index index.html;

		location / {
			try_files $uri $uri/ /index.html;
		}

		location /api-gateway {
			proxy_pass http://gateway_cluster;
			proxy_http_version 1.1;

			# 传递真实 Host
			proxy_set_header Host $http_host;
			# 传递真实 IP
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

			# 【核心配置】这些配置确保 Spring Security 能生成正确的 OAuth2 回调 URI
			proxy_set_header X-Forwarded-Proto $scheme;
			proxy_set_header X-Forwarded-Host $http_host;
			proxy_set_header X-Forwarded-Port $server_port;

			# websocket
			proxy_set_header Upgrade $http_upgrade;
			proxy_set_header Connection "upgrade";

			proxy_connect_timeout 10s;
			proxy_send_timeout 60s;
			proxy_read_timeout 60s;
			proxy_buffer_size 32k;
			proxy_buffers 8 32k;
			proxy_busy_buffers_size 64k;
			proxy_buffering on;
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Credentials true;
			add_header Access-Control-Allow-Headers *;
			add_header Access-Control-Allow-Methods *;
		}
	}
	server {
		listen 90;

		location /api {
			proxy_pass http://auth_cluster;
			proxy_http_version 1.1;

			# 传递真实 Host
			proxy_set_header Host $http_host;
			# 传递真实 IP
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

			# 【核心配置】这些配置确保 Spring Security 能生成正确的 OAuth2 回调 URI
			proxy_set_header X-Forwarded-Proto $scheme;
			proxy_set_header X-Forwarded-Host $http_host;
			proxy_set_header X-Forwarded-Port $server_port;

			proxy_connect_timeout 10s;
			proxy_send_timeout 60s;
			proxy_read_timeout 60s;
			proxy_buffer_size 16k;
			proxy_buffers 4 32k;
			proxy_buffering on;
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Credentials true;
			add_header Access-Control-Allow-Headers *;
			add_header Access-Control-Allow-Methods *;
		}

	}
}

注意：请根据后端配置，修改请求协议

访问【老寇IoT云平台】=> http://localhost:8000

我是老寇，我们下次再见啦！