vue 前端報：TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': Value is not a valid ByteString.

遇到了一個問題。前端請求頭傳中文過去會報錯。

原因：

• 請求的頭信息中不能出現中文或UTF-8碼的字符

解決方法：

將該字段進行編碼或者加密，使用Base64進行編碼 encodeURI() 這個函數

let headerIn = {
        headers:{}
      }
      const logName = store.getters.userCache.logName
      const userinfo = `logName=${logName}&userid=${store.getters.userCache.userId}`
      if(sessionStorage.getItem("userTk"))headerIn.headers.Authorization = sessionStorage.getItem("userTk")
      if(logName)headerIn.headers.userinfo = userinfo
      if(encryRequest)headerIn.headers.encryRequest = 'true'
      if(encryResponse)headerIn.headers.encryResponse = 'true'
      config = Object.assign(headerIn,config)