Surge配置方法

Surge是一种基于HTTP/HTTPS协议的静态文件传输协议，常用于部署静态网站、Web应用和其他静态资源，Surge的优势在于配置简单、支持多种部署方式，并且能够在本地快速测试开发环境，以下是Surge配置的详细方法。

安装Surge

需要在开发环境中安装Surge工具,可以通过以下命令安装：

npm install -g surge

确保npm已经安装在系统中,如果没有安装，可以先安装Node.js。

初始化项目

在项目目录下初始化Surge配置文件,可以使用以下命令：

surge init surge.config.js

这会在项目目录下生成一个 surge.config.js 文件，默认配置如下：

module.exports = {
  "surge": {
    "app": true,
    "base": ".",
    "paths": {
      "/app/*": "app/*",
      "/app/static/*": "static/*"
    }
  }
};

配置域名和绑定

Surge支持自定义域名和绑定域名,以下是详细步骤：

1. 注册域名：在域名注册商（如阿里云、AWS、Google Domains等）注册一个域名，example.com。

2. 配置域名解析：在注册商的控制台，添加CNAME记录，将 example.com 指向 Surge 服务器的IP地址。

3. 绑定域名：在Surge配置文件中添加绑定信息。

module.exports = {
  "surge": {
    "app": true,
    "base": ".",
    "paths": {
      "/app/*": "app/*",
      "/app/static/*": "static/*"
    },
    "domain": "example.com",
    "https": {
      "key": "your-lets-encrypt-key",
      "cert": "your-lets-encrypt-certificate"
    }
  }
};

4. 部署项目：在项目目录下运行以下命令：

surge

Surge会自动读取配置文件并部署项目到服务器。

配置Nginx（可选）

如果需要通过Nginx代理请求,可以在Nginx配置文件（如 /etc/nginx/sites-available/default）中添加如下配置：

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

确保Nginx服务已启用。

验证配置

1. 访问域名：在浏览器中访问 http://your-domain.com，确认页面内容正确。

2. 检查控制台：在Surge控制台（访问 https://app.surge.sh），查看项目状态和日志。

3. 检查Nginx日志：查看Nginx日志，确认是否有错误信息。

常见问题解决

1. 域名解析失败：检查域名解析是否正确，确保CNAME记录指向Surge服务器IP地址。

2. 端口占用：确认Nginx配置是否正确，检查端口是否占用。

3. 证书错误：检查证书是否正确安装，确保私钥和证书对应。

通过以上步骤,用户可以轻松配置Surge并部署项目，Surge的简单易用性使其成为部署静态资源的理想选择。