Nuxt 配置

nuxt.config.ts 里面可以添加相关配置：

runtimeConfig 运行时配置。

// https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({   compatibilityDate: '2024-04-03',   devtools: {enabled: true},   runtimeConfig: {     appKey: process.env.APP_KEY,     public: {       baseUrl: process.env.BASE_URL,     }   } });  

.env ：

通过 process.env.xxx 来获取，项目运行会自动读取该文件。port 端口默认也是 3000 。

APP_KEY='your_app_key' BASE_URL='https://api.yourwebsite.com' PORT=3000 

env 环境变量的优先级更高，如果使用 NUXT_ 开头的，其他 nuxt 配置中的环境变量会被替换：
这里的 appKey 变量值就会变为： ‘DDDDDD’。使用 NUXT_PUBLIC_BASE_URL也是同理。

app.vue