Apakah yang perlu saya lakukan jika halaman tidak ditemui apabila react refresh?

Penyelesaian kepada halaman yang tidak ditemui apabila react refresh: 1. Cari dan buka fail "app.jsx" 2. Apabila mentakrifkan protokol penghalaan dalam "app.jsx", lulus "class App extends Component { render () {return (

..." Hanya tentukan kod.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3

Apa yang perlu saya lakukan jika halaman tidak ditemui dalam refresh refresh Apa yang perlu dilakukan? 🎜>Selepas melaksanakan projek pagi ini, anda boleh mengklik pada laluan untuk melompat, tetapi Ralat dilaporkan apabila laluan yang sepadan dimuatkan semula Projek

boleh digunakan seperti biasa apabila ia digunakan pada pelayan. Mengapa ia tidak dapat mencari paparan yang sepadan apabila menyegarkannya Apa

Pertama-tama periksa fail konfigurasi noded kerana selepas saya menjalankan membina projek reaksi, saya meletakkan fail terbina dalam fail awam node dan kemudian memulakan bin nod belakang/www , nod boleh membaca fail secara terbuka Kemudian mula melihat fail app.js semua fail dikonfigurasikan

Failed to lookup view "error" in views directory

Jika ada tiada ralat di bahagian belakang, mula melihat fail bahagian hadapan

Memandangkan laluan penghalaan salah, saya mencari maklumat berkaitan penghalaan dan menemui jawapannya kerana saya menggunakan

BrowserRouter

app.set('views', path.join(__dirname, 'views'));
app.engine('.html',require('ejs').__express);
// app.set('view engine', 'jade');
app.set('view engine', 'html');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public'))); //这句话就是express会读取public里面的静态文件

Punca ralat:

Terdapat perbezaan antara penghalaan bahagian klien dan penghalaan bahagian pelayan Anda boleh melompat dari halaman utama ke alamat penghalaan lain dalam penyemak imbas kerana ia dipaparkan oleh bahagian hadapan itu sendiri. Anda telah menentukan yang sepadan dalam Penghala Reaksi, skrip tidak memuat semula halaman web untuk mengakses latar belakang secara dinamik > Apabila anda memuat semula, anda mula-mula mengakses alamat latar belakang, kemudian memuatkan kod React dalam halaman yang dikembalikan, dan akhirnya menyemak imbas Dalam erti kata lain, jika 404 dilaporkan pada masa ini, ia adalah kerana latar belakang anda tidak mengembalikan kandungan HTML untuk ini route, dan adalah mustahil untuk melaksanakan React Router

Gunakan HashRouter, jangan gunakan BrowserRouter Dengan cara ini, semua permintaan akan diarahkan ke halaman index.html, dan tiada konfigurasi diperlukan pada bahagian pelayan .

Penyelesaian:

Apabila mentakrifkan protokol penghalaan dalam app.jsx, anda boleh mentakrifkannya seperti berikut:

Kajian yang disyorkan: "

tutorial video reaksi》

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika halaman tidak ditemui apabila react refresh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!