安装Surge代理工具并配置步骤如下

1. 安装Surge CLI： 使用npm安装Surge CLI工具。

   npm install -g surge

2. 初始化Surge配置文件： 创建一个名为 surge.json 的文件，位于项目根目录下，内容如下：

   {
     "project": "your-project-name",
     "version": "1..",
     "surge": {
       "isLocal": true,
       "domain": "your-project-name.surge.sh"
     }
   }

   这里 your-project-name 替换为你项目的实际名称。

3. 初始化项目： 运行以下命令初始化项目，包括创建必要的文件和配置。

   surge init projectFolder

   将 projectFolder 替换为你的项目目录。

4. 启动本地服务器： 运行以下命令启动本地服务器，浏览器会自动打开并指向Surge代理的本地地址。

   surge run

5. 登录Surge账号： 如果需要将应用部署到Surge服务器，请登录账号。

   surge login

   输入你的Surge账号和密码。

6. 部署到Surge服务器： 将本地项目推送到Surge服务器，生成一个公共链接。

   surge push projectFolder

   部署成功后,你会得到一个访问链接，https://your-project-name.surge.sh。

7. 配置域名（可选）： 如果需要使用自定义域名，编辑 surge.json，在 surge 部分添加 hostname 和 port：

   "surge": {
     "isLocal": true,
     "domain": "your-project-name.surge.sh",
     "hostname": "your-domain.com",
     "port": 80
   }

   部署后,可能需要配置Nginx进行反向代理。

8. 使用Nginx配置反向代理（如果需要）：

   • 安装Nginx（如果尚未安装）。
   • 编辑Nginx配置文件,nginx.conf，添加如下内容：

     server {
         listen 80;
         server_name your-domain.com;
         location / {
             proxy_pass http://localhost:300;
             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;
         }
     }

   • 重新加载Nginx配置：

     sudo nginx -s reload

9. 部署后验证： 确认应用通过Surge链接正常访问，可能需要检查防火墙设置或网络权限，确保Nginx能够正确接收请求。

通过以上步骤,你已成功安装并配置了Surge代理工具，能够在本地和远程环境中高效管理和部署你的应用。