reactjs - 如何为 React JS 应用程序创建 _redirects 文件以将其部署到 Netlify
问题描述
我想要一些关于如何创建 _redirects 文件以便我网站的其他页面工作的帮助。它正在使用反应路由器。你能告诉我一个我应该怎么做的例子吗?urls 使用参数和查询。
<Router basename = {process.env.PUBLIC_URL}>
<Switch>
<Route exact path = "/">
<Root/>
</Route>
<Route exact path = {"/Pesquisar/:searchField/:page"} component = {withRouter(Pesquisa)}>
</Route>
<Route exact path = {"/documento/:id"} component = {Documento}>
</Route>
<Route exact insecure component={ Insecure }/>
</Switch>
</Router>
);
}
这是 App.js 文件,它使用了 react-router。_redirects 应该是什么样的?
解决方案
您可以使用 HashRouter 而不是 BrowserRouter,因此您不需要那些重定向文件。事实上,如果你的 url 包含一个#
.
所以只要写:
import { HashRouter, Switch, Route, Redirect } from "react-router-dom";
function App(){
return (
<HashRouter>
<Switch>
<Route exact path="/"/>
<Route path="/Pesquisar/:searchField/:page" component={withRouter(Pesquisa)} />
<Route path="/documento/:id" component={Documento}/>
<Route insecure component={Insecure}/>
</Switch>
</HashRouter>
);
)
}