【问题标题】:create-react-app local and dev environment variablescreate-react-app 本地和开发环境变量
【发布时间】:2017-08-05 00:57:06
【问题描述】:

我有.env.local

REACT_APP_BACKEND_BASEURL=http://localhost:8080/

.env.development 一起

REACT_APP_BACKEND_BASEURL=http://deployedserverurl:8080/

如何在启动时选择正确的 env 文件? 就像现在一样,它更喜欢 dev env 文件而不是本地文件。

npm start --env=local 似乎不起作用,我错过了什么吗?

【问题讨论】:

    标签: node.js reactjs environment-variables create-react-app


    【解决方案1】:

    根据当前环境导入环境变量。有一个内置的特殊环境变量 create-react-app 称为 NODE_ENV。总之,当您运行npm start 时,NODE_ENV 变量设置为开发,而在运行npm run build 时设置为生产。因此,如果您在项目的根目录中创建.env.development,当您运行npm start 时,将在环境中搜索这些变量定义。

    另外,请确保您使用 process.env.REACT_APP_APP_BACKEND_BASEURL 正确使用它们。

    如果您需要有关不同类型 .env 文件的所有详细信息的更多信息,请查看React Docs

    env:默认。

    .env.local:本地覆盖。 为除测试以外的所有环境加载此文件。

    .env.development.env.test.env.production:特定于环境的设置。

    .env.development.local.env.test.local.env.production.local:环境特定设置的本地覆盖。

    【讨论】:

    • 但是无需构建就可以访问 dev url 呢?我的意思是根据我的需要使用不同的环境变量,我是否需要即时手动编辑它们?
    • 如果您只需要在生产或开发过程中使用某些变量以防止手动编辑变量,您实际上可以在代码中对 NODE_ENV 执行检查。
    • 添加客户价值的正确链接在这里create-react-app.dev/docs/adding-custom-environment-variables
    猜你喜欢
    • 2018-09-07
    • 1970-01-01
    • 2017-06-14
    • 2018-09-17
    • 1970-01-01
    • 2022-06-18
    • 2019-11-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多