我正在尝试完成这个模式:
我想渲染我的图片库,当单击图像时,需要打开弹出窗口。我想用 url 来完成,而不是用状态/商店更改来完成。例如:
链接:“/gallery/popular/fhoeuwy3928”将在后面呈现图库,在前面呈现弹出窗口。
在react-router 3中,嵌套路由很简单。我怎样才能用 v4 做到这一点?
这些是我目前的路线:
<Route exact path='/' component={Home}/>
<Route path='/gallery/:category' component={Gallery}/>
<Route path='/gallery/:category/:id' component={Popup}/>
Run Code Online (Sandbox Code Playgroud) 使用 Next.js 时,我想在另一个页面的顶部显示基于 url 的模式。
如果gallery.js是页面组件,我想/gallery/image/1232132在图库页面的顶部显示带有图像的模式。
那可能吗?
目前,我运行的两个应用程序位于同一仓库中。
在第一个运行/和另一个port 3000(不同的HTML文件)。
我想制作另一个可以运行的应用程序port 5000(带有自己的HTML文件)。
我怎样才能做到这一点?
这是我的Webpack配置:
entry: {
mainApp: "./MainApp.js",
appNumberTwo: "./AppNumberTwo.js"
},
devServer: {
port: 3000,
host: '0.0.0.0',
headers: {
"Access-Control-Allow-Origin": "*"
},
historyApiFallback: {
index: publicPath + 'app_number_2.html',
},
proxy: [{
target: "http://www.dev.mydomain.com"
}]
},
Run Code Online (Sandbox Code Playgroud)