如何在React App中设置process.env.PUBLIC_URL

时间:2019-11-23 17:41:09

标签: reactjs react-router

我是React和学习不同概念的新手。我有一个应用程序,其公共网址为“ / needs-assesssment /”。如何将其设置为“ / portfolio / needs-assesssment /”。有什么办法可以通过编程方式对此进行更改。

仅提供背景知识:网站原始网址为www.abc.com/needs-assesment。因此,Public_Url是/需求评估。但是,网站网址已更改,我们正在从www.abc.com/portfolio/needs-assessment进行访问。但是,PUBLIC_URL似乎仍然是/ needs-assesment。

因此https://example.com/needs-assessment/210/people之类的路线与人员组成部分相匹配。

现在,像https://example.com/portfolio/needs-assessment/210/people这样的路线似乎与任何组件都不匹配。它只是返回一个空白页。

代码中的路由是这样的:-

<Switch>
            <TaRoute
              path={`${match.path}/people`}
              component={withAppDynamics(People)}
            />

任何想法和建议都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

根据您的问题陈述
process.env 将从您的 .env 文件( .env.development /.env.production(如果您使用的是CRA)
并且U只能在react app中访问以 REACT_APP _ 开头的变量。
您可以使用 process.env.REACT_APP_PUBLIC_URL 代替 process.env.PUBLIC_URL ,然后将其值设置在 .env 文件中,该文件位于在项目的根文件夹中
告诉我是否有帮助