配置与环境变量

1export default defineNuxtConfig({
2	runtimeConfig: {
3		public: {
4			pixabayApiKey: process.env.PIXABAY_API_KEY
5		}
6	},
7	modules: ["@nuxt/image-edge"],
8	app: {
9		pageTransition: { name: "custom", mode: "out-in" }
10	}
11});

1export default defineNuxtConfig({
2	runtimeConfig: {
3		apiSecret: '123456',
4		public: {
5			apiRoute: 'https://pixabay.com/api/'
6		}
7	}
8});

1const config = useRuntimeConfig()
2const apiKey = config.public.variableName;

项目文件夹结构如下图所示：

1export default defineNuxtConfig({
2	// ...
3	buildDir: "build-folder",
4});

将 pages 目录重命名为 views 的示例：