Aplikasi.jsx

<Router history={history}>
      <>
        <Switch>
          <Route path="/" exact component={HomePage} />          
          <Route path="/test/:id" exact component={TestPage} /> 
          <Route component={NotFound} />         
        </Switch>
      </>
</Router>

Beranda.jsx di dalam render()

<Link to="/test/1" >Test link</Link>

Saat saya mengeklik tautan, laman berhasil mengalihkan saya ke http://localhost:8080/test/1 dan saya dapat melihat halamannya tetapi Jika saya mengklik refresh halaman tersebut hilang dan saya hanya dapat melihat layar kosong, juga Jika saya ingin mengaksesnya dari luar yaitu Jika saya langsung mengetik url yang sama di browser saya tidak dapat melihat halamannya, Ini kosong. Bagaimana cara mengelolanya saat refresh dan mengaksesnya dari luar?

Pesan di konsol saya dapatkan di refresh

error

1
Adarsh 2 Maret 2020, 10:55

1 menjawab

Jawaban Terbaik

Masalahnya adalah aplikasi tidak dapat memuat skrip main.js Anda dari url kedua Anda (ia mencoba memuatnya dari /test/main.js). Anda perlu menggunakan jalur absolut untuk memuat dari / alih-alih /test

Ganti tag skrip Anda dengan yang ini (memuatnya dari /main.js): <script type="text/javascript" src="/main.js">

Anda dapat merujuk ke jawaban ini untuk penjelasan yang lebih mendetail: https://stackoverflow.com/a/24028813/3350692

4
tudor.gergely 2 Maret 2020, 08:10