nuxt 部署在 cf Page 上 想用 env 里的环境变量

[Jelly427]

nuxt 部署在 cf Page 上 想用 env 里的环境变量

或者这样说 cf 里的环境变量 如何在 nuxt 里获取

菜鸟搞了 2 天没成功

[cuttlefish]

npm install dotenv --save-dev
import dotenv from 'dotenv';
const myVariable = process.env.VITE_MY_VARIABLE;

[xycool]

https://developers.cloudflare.com/workers/configuration/environment-variables/

[sparkinglemon]

楼上给的是 worker 的，现在 pages 部署略有不同，

1. Cloudflare Pages 官方给的 Nuxt 接入： https://developers.cloudflare.com/pages/framework-guides/deploy-a-nuxt-site
2. 关于环境变量在 Pages 的 functions 里的使用： https://developers.cloudflare.com/pages/functions/bindings/
3. 如果只是希望打包时（比如 SSG ）读取环境变量，在对应的 pages 面板，"设置" -> "环境变量" 里可以设置，然后就按 nuxt 正常读取方式从 process.env 里读就行

[Jelly427]

@sparkinglemon 感谢 我去试试