問題：

在做頁面搜尋功能的時候，需要URL地址中拼接查詢關鍵字（key）,然後 跳轉到拼接後的地址（https://xxx.com/search?q=key）。如果key裡面有中文字，瀏覽器會預設編碼掉，所以這個頁面調查詢介面的時候需要先解碼（/api/search?content=解碼後的key），出現了上面的錯誤。

原因：

查詢關鍵字包含一些瀏覽器敏感的關鍵詞，例如：# , & , =，而導致報錯的是 % ，是因為編碼漢字是 % 開頭的，多加一個 % 會導致 decodeURIComponent 執行報錯。

解決：

在點選查詢拼接關鍵字key的時候，對key中含有敏感的詞進行轉譯，例如，將%號轉譯為 %25

其他一些關鍵字的編碼對應為:

寫一個方法，把key中的敏感字編碼掉再去拼接字串查詢就可以了，這樣在使用decodeURIComponent 就沒問題了。

例如：

// 對查詢關鍵字中的特殊字元進行編碼
  encodeSearchKey(key) {
    const encodeArr = [{
      code: '%',
      encode: '%25'
 

    }, {
      code: '?',
      encode: '%3F'
    }, {
      code: '#',
      encode: '%23'
    }, {
      code: '&',
      encode: '%26'
    }, {
      code: '=',
      encode: '%3D'
    }];
    return key.replace(/[%?#&=]/g, ($, index, str) => {
      for (const k of encodeArr) {
        if
 
 (k.code === $) {
          return k.encode;
        }
      }
    });
  },