為了讓開(kāi)發(fā)者頭疼的開(kāi)發(fā)環(huán)境問(wèn)題...

文件(在項(xiàng)目根目錄新建)

• .env 無(wú)論開(kāi)發(fā)環(huán)境還是生成環(huán)境都會(huì)加載
• .env.development 開(kāi)發(fā)環(huán)境加載這個(gè)文件
• .env.production 生成環(huán)境加載這個(gè)文件

注意

env 文件需要聲明運(yùn)行的環(huán)境

• .env.development

NODE_ENV = development

• .env.production

NODE_ENV = production

定義變量需要以 VUE_APP_ 作為前綴

• .env.development

NODE_ENV = development
VUE_APP_BASE_URL = http://dev.myhost.com

• .env.production

NODE_ENV = production
VUE_APP_BASE_URL = http://www.myhost.com

測(cè)試變量是否生效, 可直接在 main.js 中打印測(cè)試

console.log(process.env.VUE_APP_BASE_URL);