已解決:在 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 } ]; 導出默認路由。 創建(路線);

相關文章:

發表評論