저는 Nuxt 또는 모든 종류의 노드에 익숙하지 않습니다. 다른 경우에 대해 다른 환경을 만들려고합니다. 예를 들어 내 앱을 테스트하려면 다음과 같이 dev 개체 블록이 실행되기를 원합니다. 예입니다
[
prod: {
server: www.mysite.com,
api: 'www.jsonplaceholder.com/'
},
dev: {
server: www.internal-mysite.com,
api: 'www.jsonplaceholder.com/'
}
]
내가 할 때 그래서 npm run dev
, 내가 그 아는 그 엔드 포인트와 응용 프로그램을 실행 .env
내가 .I 시도 것을 사용할 수 있도록 객체 나 배열을 허용하지 않습니다 dotenv
하지만 난 그것을 밖으로 얻을 수없는 많은 도움이, 내가 보는 노력 이 그러나 나는 통과 할 수 NODE_ENV = config.dev (구성이 개체를 포함하는 파일 인 경우) 내 앱이 그렇게 작동하도록하려면 어떻게해야합니까?
자세한 답변이 도움이 될 것입니다.
나는 config.js
아래와 같은 것을 만들었습니다.
const MasterKeys = {
development: {
apiEndPoint: 'example.com',
clientId: '1234567',
clientSecret: '11111111'
},
staging: {
apiEndPoint: 'staging.example.com',
clientId: '1234567',
clientSecret: '11111111'
},
production: {
apiEndPoint: 'prod.example.com',
clientId: '1234567',
clientSecret: '11111111'
}
};
export { MasterKeys };
해당 파일 nuxt.config.js
을 아래와 같이 가져 왔습니다.
let appEnv = process.env.NODE_ENV || 'development';
import { MasterKeys } from './config.js';
이제 apiEndPoint
nuxt.config.js에서 값 을 사용하고 싶을 때마다 다음 과 같이 액세스합니다.MasterKeys[appEnv].apiEndPoint
구성 요소에서 구성 키를 config.js
사용하려면 nuxt.config.js
아래 예제 와 같이 env 속성을 사용합니다.
env: {
apiEndPoint: MasterKeys[appEnv].apiEndPoint,
clientId: MasterKeys[appEnv].clientId
}
그런 다음 구성 요소에서 해당 값에 액세스 할 수 있습니다. process.env.apiEndPoint
그리고 package.json
아래와 같이 env를 선언 합니다.
"scripts": {
"dev": "nuxt",
"stagingbuild": "NODE_ENV=staging nuxt build",
"staging": "NODE_ENV=staging nuxt start",
"build": "NODE_ENV=production nuxt build",
"start": "NODE_ENV=production nuxt start"
}
이것이 당신을 도울 것입니다 !!!!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다