關於404頁面的實現邏輯

2022-07-17 07:03:13 字數 1225 閱讀 8854

問題:

對於專案裡面的404頁面,之前一直沒有理清楚到底是什麼樣的乙個邏輯,現在總結一下

解答:1- 首先404是乙個頁面,先準備好乙個靜態頁面

2-利用路由來設定404頁面,在路由配置裡,假如沒有匹配到自己設定的路由,則跳轉到404頁面

準備的頁面

import react from

'react';

import reactdom

from

'react-dom';

import from

'react-router-dom';

import layout

from

'component/layout/index.jsx';

import home

from

'./page/home/index.jsx';

import login

from

'page/login/index.jsx';

import errorpage

from

'page/error/index.jsx';

//容器

class

constructor(props)

render() >

'/product

' component=>

'/product-category

' component=>

);

return

(

'/login

' component=/>

'/' render=/>

) }

}reactdom.render(

document.getelementbyid(''

))

路由配置:

import react 			from 'react';

import pagetitle from 'component/page-title/index.jsx';

import from 'react-router-dom';

class error extends react.component

render()

}export default error;

404頁面的重要性,如何設計404頁面

基本上專業的 都會設定404頁面,為什麼要設計404頁面呢?這當然有著它的需要。本文將給大家介紹下404頁面的重要性,以及如何設計404頁面,這些內容將會讓大家對於404頁面有更深刻的認識。一 404頁面的重要性 404頁面讓使用者具有良好的信任度,因為404頁面上可以設定相對親和的內容,讓使用者知...

Nginx實現404頁面的幾種方法

轉,原文 第一種 nginx自己的錯誤頁面 nginx訪問乙個靜態的html 頁面,當這個頁面沒有的時候,nginx丟擲404,那麼如何返回給客戶端404呢?看下面的配置,這種情況下不需要修改任何引數,就能實現這個功能。server listen 80 server name www.test.co...

SEO 404頁面的設定

如何正確處理404網頁錯誤?發表於70 天前 seo心得 http 404 錯誤意味著鏈結指向的網頁不存在,即原始網頁的url失效,這種情況經常會發生,很難避免,比如說 網頁url生成規則改變 網頁檔案更名或移動位置 匯入鏈結拼寫錯誤等,導致原來的url位址無法訪問 當web 伺服器接到類似請求時,...