已解决:在 netlify 反应中重定向

Netlify React 中的重定向存在问题。 当您创建重定向时,Netlify 会尝试自动更新 HTML 文档的 href 和路径组件。 但是,此过程有时会导致链接不正确或损坏。

如果您在 Netlify React 项目中遇到重定向问题,我们建议禁用 href 和路径组件的自动更新。 您可以通过在项目配置中设置以下属性来执行此操作:

netlify-react-redirect-自动更新: false

 app

In your React app, you can redirect to a different page using the Redirect component from React Router.

import { Redirect } from 'react-router-dom'; class App extends React.Component { render() { return ( <div> <Redirect to="/new-page" /> </div> ); } }

什么是netlify

Netlify 是一个平台即服务 (PaaS),可帮助开发人员构建和部署 Web 应用程序。 它为开发人员提供了一个平台,可以使用单个命令创建、管理和部署 Web 应用程序。 Netlify 还提供用于监控和管理应用程序的工具。

React 中的重定向

路由器

在 React Router 中创建路由时,可以指定要遵循的重定向。 当用户访问路由时,此重定向将自动发生。

要在 React Router 中创建重定向,请使用重定向功能。 此函数有两个参数:要遵循的路径和将在用户到达重定向目的地时调用的处理函数。 处理函数应该返回一个具有两个属性的对象:status 和 url。 status 属性应该包含重定向的 HTTP 状态代码,url 属性应该包含将显示给用户的新 URL。

下面是一个使用重定向的简单路由示例:

从“反应”导入反应; 从 'react-router' 导入 { Route } ; 从'react-router-dom'导入{重定向}; const routes = [ { path : '/users/:id' , component : UserList , children : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , component : DeleteUser } ] }, { 路径: '/users/:id/edit' , 组件: EditUserList } ]; 导出默认路由。 创建(路线);

相关文章:

发表评论