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