Use .env arquivos podem ser facilmente configurados e desenvolvimento do servidor e depuração oficial ambiente implantado um ambiente de produção usando dois conjuntos diferentes de arquivos de configuração para alcançar código sem mudança e as necessidades de caminho adiante para ser acessado interface API.
Documentos oficiais
https://cli.vuejs.org/zh/guide/mode-and-env.html
Crie um arquivo .env
Foram criados no diretório raiz do projeto vue .env.developmente .env.productiondois arquivos de texto são usadas em ambientes de desenvolvimento e produção
.env.developmentDocumento tem o seguinte teor:
VUE_APP_API_HOST=127.0.0.1
.env.productionDocumento tem o seguinte teor:
VUE_APP_API_HOST=10.41.56.121
Note que .envnomes de variáveis devem ser pelo VUE_APP_início
O .env acesso variável
Por exemplo, na main.jsconfiguração do axiospedido pode ser escrito como raiz
axios.defaults.baseURL = `http://${process.env.VUE_APP_API_HOST}:8000/`
Observe que uma string formatada sintaxe ES6 é, com a frente e ~os símbolos-chave de entrada `
Desta forma, o uso local yarn serveserá executado em um servidor de teste para acesso .env.developmentvariáveis definidas, e em yarn buildtempo irá utilizar .env.productiono conteúdo das variáveis.
Side Story
Curioso sobre este ~insumo fundamental 反单引号(não vou chamar) nome Jiaosha, descobriu que os estrangeiros gostam de chamá-lo Grave accent, ele deve ser chamado traduzido重音符
