Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-11 08:33:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs(migration): update to use new runtimeConfig (#4642)

Browse Source 
Co-authored-by: Damian <48835293+DamianGlowala@users.noreply.github.com>
This commit is contained in:
Tobias Diez 2022-04-27 11:05:08 +02:00 committed by GitHub
parent cc37547993
commit ee0b90bf36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/content/migration/8.runtime-config.md
View File

@ -13,7 +13,7 @@ When referencing these variables within your components, you will have to use th
## Migration ## Migration
1. Add any environment variables you use in your app to your `publicRuntimeConfig` or `privateRuntimeConfig`. 1. Add any environment variables that you use in your app to the `runtimeConfig` property of the `nuxt.config` file.
1. Migrate `process.env` to `useRuntimeConfig` throughout the Vue part of your app. 1. Migrate `process.env` to `useRuntimeConfig` throughout the Vue part of your app.
## Example ## Example
@ -25,9 +25,9 @@ import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({ export default defineNuxtConfig({
runtimeConfig: { runtimeConfig: {
secretKey: '', // variables that can only be accessed on server-side secretKey: '', // variable that can only be accessed on the server side
public: { public: {
BASE_URL: process.env.BASE_URL || 'https://nuxtjs.org' BASE_URL: process.env.BASE_URL || 'https://nuxtjs.org' // variable that can also be accessed on the client side
} }
}, },
}) })