前后端分離，后端進行維護或者發(fā)生錯誤的時候前端如何及時出現(xiàn)“系統(tǒng)維護頁面”？

后端寫個接口是否維護，在每次請求前發(fā)次接口檢查后臺是否在維護，在前端更具狀態(tài)顯示正在維護。否則正常。（簡單的方案...

如果是使用axios做交互插件，可以嘗試做以下配置

this.$http.get(url, data, config)
    .then(res => {
      // success
    })
    .catch((err) => {
      // fail
      if (err.response) {
        // The request was made and the server responded with a status code
        // that falls out of the range of 2xx
        // 出現(xiàn)狀態(tài)碼為2xx以外的時候運行
      } else if (err.request) {
        // The request was made but no response was received
        // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
        // http.ClientRequest in node.js
        // 這個雖然官方說是沒有響應的時候運行的，但是我實際測試沒試出來過
      } else {
        // Something happened in setting up the request that triggered an Error
      }
      console.log(error.config);
    })

前端可以根據(jù)后臺返回的狀態(tài)碼進行一個判斷，出現(xiàn)特定狀態(tài)碼就跳轉至維護頁面

當有接口返回status為404的時候，跳轉到“系統(tǒng)維護頁面”

最開始的那個 GET 請求，由后端處理。你后端想顯示什么就顯示什么啊。
如果是中間，不確定的“意外”，那顯示些什么，是前端的功能的一部分，叫前端去做就完了。

配置nginx，后端維護的時候，自動跳轉到系統(tǒng)正在維護頁

非常感謝大家，問題已解決，來說一下我的做法，因為服務器大小有限，沒辦法做Websocket，而且想可以隨意操作是否出現(xiàn)維護頁面，所以在服務器前端根目錄下放置了一個json文件，這個json文件當作配置文件，可以配置是否維護，維護的時間段，維護頁面顯示的內容，然后通過前端請求讀取來判斷，也是一個沒有辦法的辦法吧