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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 212 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

菜鸟搞了 2 天没成功

4 条回复 • 2024-04-30 14:29:56 +08:00

cuttlefish

212 天前

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

xycool

212 天前

sparkinglemon

212 天前

楼上给的是 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

211 天前

@sparkinglemon 感谢我去试试

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