Apakah perbezaan antara penghalaan bahagian hadapan tindak balas dan penghalaan hujung belakang?

Perbezaan antara penghalaan bahagian hadapan tindak balas dan penghalaan hujung belakang: 1. Penghalaan hujung hadapan dicetuskan melalui teg Pautan dalam "penghala-balas", dan penghalaan hujung belakang dicetuskan melalui ajax; . muka surat.

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

Apakah perbezaan antara penghalaan bahagian hadapan bertindak balas dan penghalaan hujung belakang

Mekanisme penghalaan bahagian belakang

Pelajar yang memahami kembali -akhir semua tahu bahawa penghalaan bahagian belakang Bahagian belakang mendaftarkan fungsi penghalaan bahagian belakang dalam app.js, dan bahagian hadapan mencetuskan fungsi panggil balik penghalaan yang sepadan melalui ajax (ambil ekspres sebagai contoh)

pencetus: ajax

respons: app.get( '/router', panggil balik)

Prinsip: Berdasarkan protokol komunikasi http

//app.js
app.get('/', (request, response) => {
  let ret = {
  "success": true,
  "code": 200,
  "message": "",
  "data": [],
  }
  
  response.send(ret)
})

Mekanisme penghalaan bahagian hadapan

Dan penghalaan bahagian hadapan (merujuk kepada penghala tindak balas) Ya, penghalaan bahagian hadapan mendaftarkan penghalaan bahagian hadapan dan pemetaan komponen dalam penghala.js Bahagian hadapan menggunakan laluan yang ditetapkan oleh Pautan atau masuk laluan yang sepadan dalam penyemak imbas menyebabkan pemaparan komponen:

Pencetus: Tag pautan dalam penghala tindak balas

Respons: Render komponen yang sepadan dalam teg Rout

Prinsip: Berdasarkan pada cincang dalam penyemak imbas (sebelum React-Router v2), sejarah (React-Router v4)

//index.js
class ListContent extends Component {
  constructor(props){
    super(props);
    this.state = {
    }
  }
  
  render() {
    return (
      <Row>
          <Button>
+            <Link to="/topic"> 发布话题 </Link>
          </Button>
      </Row>
    );
  }
}
//router.js
<Router>
    <div>
      <Header/>
          <Switch>
            <Route exact path="/" component={index} />
            <Route exact path="/topic" component={topic} />
          </Switch>
    </div>
</Router>

Dalam router.js, komponen pengepala akan sentiasa wujud dalam halaman dan komponen dalam Suis tag hanya akan dipaparkan selepas dicetuskan. Ia boleh difahami dengan mudah bahawa komponen yang tidak dicetuskan adalah batal dan tidak memaparkan

, jadi ia membentuk pemaparan separa

//若触发前端路由'/topic',则index组件不渲染
<Router>
    <div>
      <Header/>
          <Switch>
            <Route exact path="/" component={null} />
            <Route exact path="/topic" component={topic} />
          </Switch>
    </div>
</Router>

Teg tersebut. perbezaan antara penghalaan bahagian hadapan dan penghalaan bahagian belakang

Penghalaan bahagian hadapan adalah berdasarkan pemantauan acara penyemak imbas dan tidak melepasi protokol komunikasi http

Sebahagian daripada penghalaan bahagian hadapan Perenderan, bahagian belakang memaparkan semula keseluruhan halaman dan pengalaman penghalaan bahagian hadapan adalah lebih baik

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah perbezaan antara penghalaan bahagian hadapan tindak balas dan penghalaan hujung belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!