Javascript 如何在react应用程序中从package.json访问主页?

Javascript 如何在react应用程序中从package.json访问主页?,javascript,reactjs,react-router,react-router-dom,Javascript,Reactjs,React Router,React Router Dom,我创建了一个react应用程序,它将从/example path提供服务。我在package.json中对其进行了如下定义: “主页”:“/示例路径” 到目前为止,它还可以工作,但现在我想使用react router dom添加路由,它错误地将/example path检测为url的一部分 这是我的代码: 不幸的是,react路由器dom试图匹配完整的url/示例路径/product/10。如何避免这种情况?是否有可能以某种方式访问主页变量?路由器对您的包.json一无所知。它只是查看浏览

我创建了一个react应用程序,它将从
/example path
提供服务。我在
package.json
中对其进行了如下定义:

“主页”:“/示例路径”
到目前为止,它还可以工作,但现在我想使用
react router dom
添加路由,它错误地将
/example path
检测为url的一部分

这是我的代码:



不幸的是,
react路由器dom
试图匹配完整的url
/示例路径/product/10
。如何避免这种情况?是否有可能以某种方式访问
主页
变量?

路由器对您的
包.json一无所知。它只是查看浏览器的位置。如果使用
浏览器路由器
,则可以设置:

import {BrowserRouter as Router} from 'react-router';

{/* ... */}

谢谢,但是如何才能从package.json获取主页?@IterAtor
package.json
不是由应用程序代码读取的,而是由包管理器读取的。您可以构建一个工具来读取它,并使它在javascript模块中作为构建时间变量可用,但为什么要这么做呢?我不知道有什么可用的工具可以做到这一点。但是您仍然必须将其作为
基本名称
提供给
路由器
。由于
basename
可能不会经常更改,因此这是非常浪费的时间。
<Router basename="/example-path">
    {/* ... */}
</Router>