NUXT: ^3.15.3
Cloudflare页面:最新页面 wrangler:3.99.0(固定)使用PNPM:9.12.2作为软件包管理器
wrangler pages dev dist/
export default defineNuxtConfig({
runtimeConfig: {
public: {
consolaLevel: '' // should be overridden by NUXT_PUBLIC_CONSOLA_LEVEL
}
}
})
[vars]
NUXT_PUBLIC_CONSOLA_LEVEL = "WRANGLER.TOML FILE"
添加到.dev.vars和.env文件(使用PNPM DEV开发良好的变量)
pnpm wrangler pages dev dist --binding NUXT_PUBLIC_CONSOLA_LEVEL="test value"
逆转
<script setup lang="ts">
const config = useRuntimeConfig();
const nodeEnv = process.env.NODE_ENV;
</script>
<template>
<div>
<h1>Environment Debug: {{ nodeEnv }}</h1>
<pre>
CONSOLA_LEVEL: {{ config.public.consolaLevel }}
</pre>
</div>
</template>
wrangler pages dev
(wrangler pages dev dist/
npx nuxi generate
我以前没有亲自做到这一点。虽然,可以说,这是在CI/CD管道中进行的正确方法,但我刚刚通过
指定生产envFile,然后运行
.output
.。