assetPrefix
注意:部署到 Vercel 会自动为你的 Next.js 项目配置全局 CDN。 你不需要手动设置 Asset Prefix。
值得注意的是:Next.js 9.5+ 增加了对可自定义 Base Path 的支持,这更适合 在子路径(如
/docs
)上托管你的应用。 我们不建议你为这种用例使用自定义 Asset Prefix。
设置 CDN
要设置 CDN,你可以设置 asset prefix 并将你的 CDN 源配置为解析到托管 Next.js 的域名。
打开 next.config.mjs
并根据阶段添加 assetPrefix
配置:
Next.js 将自动为从 /_next/
路径(.next/static/
文件夹)加载的 JavaScript 和 CSS 文件使用你的 asset prefix。例如,使用上述配置,以下 JS 块的请求:
/_next/static/chunks/4b9b41aaa062cbbfeff4add70f256968c51ece5d.4d708494b3aed70c04f0.js
将变成:
https://cdn.mydomain.com/_next/static/chunks/4b9b41aaa062cbbfeff4add70f256968c51ece5d.4d708494b3aed70c04f0.js
将文件上传到指定 CDN 的具体配置将取决于你选择的 CDN。你只需要在 CDN 上托管 .next/static/
的内容,这些内容应该按照上述 URL 请求所示上传为 _next/static/
。不要上传 .next/
文件夹的其余部分,因为你不应该将服务器代码和其他配置暴露给公众。
虽然 assetPrefix
涵盖了对 _next/static
的请求,但它不会影响以下路径: