Edge 运行时

Next.js 的 Edge 运行时基于标准 Web API，支持以下 API：

网络 API

API	描述
`Blob`	表示二进制大对象 (Blob)
`fetch`	获取资源
`FetchEvent`	表示 fetch 事件
`File`	表示文件对象
`FormData`	表示表单数据
`Headers`	表示 HTTP 头部
`Request`	表示 HTTP 请求
`Response`	表示 HTTP 响应
`URLSearchParams`	表示 URL 查询参数
`WebSocket`	表示 WebSocket 连接

编码 API

API	描述
`atob`	解码 base-64 编码的字符串
`btoa`	将字符串编码为 base-64
`TextDecoder`	将 Uint8Array 解码为字符串
`TextDecoderStream`	可链式调用的流解码器
`TextEncoder`	将字符串编码为 Uint8Array
`TextEncoderStream`	可链式调用的流编码器

流 API

API	描述
`ReadableStream`	表示可读流
`ReadableStreamBYOBReader`	表示可读流的读取器
`ReadableStreamDefaultReader`	表示可读流的默认读取器
`TransformStream`	表示转换流
`WritableStream`	表示可写流
`WritableStreamDefaultWriter`	表示可写流的默认写入器

加密 API

API	描述
`crypto`	提供平台加密功能访问
`CryptoKey`	表示加密密钥
`SubtleCrypto`	提供常见加密原语操作（如哈希、签名、加密/解密）

Web 标准 API

API	描述
`AbortController`	允许按需中止一个或多个 DOM 请求
`Array`	表示一个值数组
`ArrayBuffer`	表示一个通用的、固定长度的原始二进制数据缓冲区
`Atomics`	提供原子操作作为静态方法
`BigInt`	表示任意精度的整数
`BigInt64Array`	表示 64 位有符号整数的类型化数组
`BigUint64Array`	表示 64 位无符号整数的类型化数组
`Boolean`	表示逻辑实体，可以有两个值：`true` 和 `false`
`clearInterval`	取消之前通过 `setInterval()` 设置的定时重复操作
`clearTimeout`	取消之前通过 `setTimeout()` 设置的定时重复操作
`console`	提供对浏览器调试控制台的访问
`DataView`	表示 `ArrayBuffer` 的通用视图
`Date`	以平台无关的格式表示单个时间点
`decodeURI`	解码之前由 `encodeURI` 或类似例程创建的统一资源标识符 (URI)
`decodeURIComponent`	解码之前由 `encodeURIComponent` 或类似例程创建的 URI 组件
`DOMException`	表示 DOM 中发生的错误
`encodeURI`	通过将某些字符的每个实例替换为一个、两个、三个或四个表示该字符 UTF-8 编码的转义序列来编码 URI
`encodeURIComponent`	通过将某些字符的每个实例替换为一个、两个、三个或四个表示该字符 UTF-8 编码的转义序列来编码 URI 组件
`Error`	表示执行语句或访问属性时发生的错误
`EvalError`	表示与全局函数 `eval()` 相关的错误
`Float32Array`	表示 32 位浮点数的类型化数组
`Float64Array`	表示 64 位浮点数的类型化数组
`Function`	表示一个函数
`Infinity`	表示数学上的无穷大值
`Int8Array`	表示 8 位有符号整数的类型化数组
`Int16Array`	表示 16 位有符号整数的类型化数组
`Int32Array`	表示 32 位有符号整数的类型化数组
`Intl`	提供国际化和本地化功能的访问
`isFinite`	判断一个值是否为有限数
`isNaN`	判断一个值是否为 `NaN`
`JSON`	提供将 JavaScript 值与 JSON 格式相互转换的功能
`Map`	表示值的集合，其中每个值只能出现一次
`Math`	提供对数学函数和常量的访问
`Number`	表示一个数值
`Object`	表示作为所有 JavaScript 对象基础的基类对象
`parseFloat`	解析字符串参数并返回浮点数
`parseInt`	解析字符串参数并返回指定基数的整数
`Promise`	表示异步操作的最终完成（或失败）及其结果值
`Proxy`	表示用于为基本操作（如属性查找、赋值、枚举、函数调用等）定义自定义行为的对象
`queueMicrotask`	将微任务加入队列等待执行
`RangeError`	表示值不在允许的集合或范围内的错误
`ReferenceError`	表示引用不存在的变量时发生的错误
`Reflect`	提供可拦截 JavaScript 操作的方法
`RegExp`	表示正则表达式，允许匹配字符组合
`Set`	表示值的集合，其中每个值只能出现一次
`setInterval`	以固定的时间间隔重复调用函数
`setTimeout`	在指定的毫秒数后调用函数或计算表达式
`SharedArrayBuffer`	表示通用的、固定长度的原始二进制数据缓冲区
`String`	表示字符序列
`structuredClone`	创建值的深拷贝
`Symbol`	表示唯一且不可变的数据类型，用作对象属性的键
`SyntaxError`	表示尝试解释语法无效代码时发生的错误
`TypeError`	表示值不是预期类型时发生的错误
`Uint8Array`	表示 8 位无符号整数的类型化数组
`Uint8ClampedArray`	表示被限制在 0-255 范围内的 8 位无符号整数的类型化数组
`Uint32Array`	表示 32 位无符号整数的类型化数组
`URIError`	表示全局 URI 处理函数使用不当时的错误
`URL`	表示提供用于创建对象 URL 的静态方法的对象
`URLPattern`	表示 URL 模式
`URLSearchParams`	表示键/值对的集合
`WeakMap`	表示键/值对的集合，其中键是弱引用
`WeakSet`	表示对象的集合，其中每个对象只能出现一次
`WebAssembly`	提供对 WebAssembly 的访问

Next.js 专用 Polyfills

AsyncLocalStorage

环境变量

你可以使用 process.env 来访问环境变量，该方式同时适用于 next dev 和 next build 命令。

不受支持的 API

Edge 运行时存在以下限制：

不支持原生 Node.js API。例如，你无法读写文件系统。
可以使用 node_modules，但要求它们必须实现 ES 模块规范且不使用原生 Node.js API。
不允许直接调用 require。请改用 ES 模块。

以下 JavaScript 语言特性已被禁用，无法正常工作：

API	描述
`eval`	执行以字符串形式表示的 JavaScript 代码
`new Function(evalString)`	根据传入的代码字符串创建新函数
`WebAssembly.compile`	从缓冲区源码编译 WebAssembly 模块
`WebAssembly.instantiate`	从缓冲区源码编译并实例化 WebAssembly 模块

在极少数情况下，你的代码可能包含（或导入）某些动态代码执行语句，这些语句_在运行时无法被访问_且无法通过 tree shaking 移除。你可以通过中间件或 Edge API 路由的导出配置来放宽检查，允许特定文件使用这些语句：

export const config = {
  runtime: 'edge', // 仅适用于 Edge API 路由
  unstable_allowDynamic: [
    // 允许单个文件
    '/lib/utilities.js',
    // 使用 glob 模式允许第三方模块 function-bind 中的所有内容
    '**/node_modules/function-bind/**',
  ],
}

unstable_allowDynamic 是一个 glob 模式或 glob 模式数组，用于忽略特定文件的动态代码执行检查。这些 glob 路径相对于应用程序根目录。

请注意，如果这些语句在 Edge 环境中执行，它们会抛出异常并导致运行时错误。

On this page