axios不會對url中的功能性字符進(jìn)行編碼

amuqiao 發(fā)布于2019-08-23 15:38 / 3876人閱讀

摘要：在請求中如果包括特殊字符的話，可能會導(dǎo)致接口接收參數(shù)失敗，所以前端一般會對特殊字符進(jìn)行，方法有兩種對整個(gè)進(jìn)行編碼，會避開中的功能性字符，例如，編碼前編碼后對某個(gè)參數(shù)進(jìn)行編碼，會編碼所有特殊字符編碼前編碼后在中就會對請求的整個(gè)進(jìn)行，導(dǎo)致有些方

在請求中如果url包括特殊字符的話，可能會導(dǎo)致接口接收參數(shù)失敗，所以前端一般會對特殊字符進(jìn)行encode，方法有兩種

encodeURI()

對整個(gè)url進(jìn)行編碼，會避開url中的功能性字符，例如，& ? [ ]

編碼前：http://10.10.67.67:8080/api/chain/basic/users?params=+[
編碼后：http://10.10.67.67:8080/api/chain/basic/users?params=%2b[

encodeURIComponent()

對某個(gè)參數(shù)進(jìn)行編碼，會編碼所有特殊字符

編碼前：http://10.10.67.67:8080/api/chain/basic/users?params=+[
編碼后：http://10.10.67.67:8080/api/chain/basic/users?params=%2b%5B

在axios中就會對get請求的整個(gè)url進(jìn)行encodeURI，導(dǎo)致有些get方法不能傳[]，所以在請求攔截器中可以對get方法多帶帶處理，避開axios的encodeURI

myAxios.interceptors.request.use(
  config => {
    let url = config.url
    // get參數(shù)編碼
    if (config.method === "get" && config.params) {
      url += "?"
      let keys = Object.keys(config.params)
      for (let key of keys) {
        url += `${key}=${encodeURIComponent(config.params[key])}&`
      }
      url = url.substring(0, url.length - 1)
      config.params = {}
    }
    config.url = url
    return config
  },

GPU云服務(wù)器云服務(wù)器 js對數(shù)據(jù)進(jìn)行編碼對php代碼進(jìn)行編碼對數(shù)據(jù)進(jìn)行分析 url編碼問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/102370.html

相關(guān)文章

Ajax詳解

摘要：當(dāng)請求完成后注冊一個(gè)回調(diào)函數(shù)。該請求是否觸發(fā)全局處理事件如等，請求發(fā)送前的回調(diào)函數(shù)，用來修改請求發(fā)送前，此功能可用來設(shè)置自定義頭信息，在函數(shù)中返回將取消這個(gè)請求。例如，為請求指定一個(gè)回調(diào)函數(shù)名。即改變回調(diào)函數(shù)的，默認(rèn)就是傳入的整個(gè)對象。 Ajax Ajax 全稱是 asynchronous javascript and xml，并不是新的編程語言，可以說是已有技術(shù)的組合，主要用來實(shí)現(xiàn)客...

jokester 2019-08-23 14:15 評論0 收藏0
axios 中文文檔翻譯

摘要：返回狀態(tài)碼，如果返回或者設(shè)置成，將會其他的將。一些錯(cuò)誤是在設(shè)置請求時(shí)觸發(fā)的你可以使用設(shè)置選項(xiàng)自定義狀態(tài)碼的錯(cuò)誤范圍。 axios 版本:v0.18.0 0.18.0的版本更新有一段時(shí)間了，使用起來跟原先基本沒有什么變化。但是增加了一些功能，例如錯(cuò)誤處理的辨別，于07-06-2018重新翻譯和校驗(yàn)了該翻譯，更正了一些錯(cuò)別字和表達(dá)不準(zhǔn)的地方，但是難免仍有錯(cuò)誤，歡迎指出。由于工作需要，個(gè)人...

verano 2019-08-20 14:32 評論0 收藏0
每日 30 秒 ? URL 大爆炸

showImg(https://raw.githubusercontent.com/pushmetop/resource/master/30-seconds-for-everyday/url/poster.png); 簡介 URL結(jié)構(gòu)、組成、query、hash、axios數(shù)組傳遞錯(cuò)誤、HTTP 請求伴隨著微信消息的提示音小四發(fā)來一段代碼說不知道為什么請求不到頁面數(shù)據(jù)： axios.get...

W4n9Hu1 2019-08-23 16:31 評論0 收藏0
Axios學(xué)習(xí)筆記

摘要：表示應(yīng)該使用基礎(chǔ)驗(yàn)證，并提供數(shù)據(jù)。表示服務(wù)器響應(yīng)的數(shù)據(jù)類型，可以是，，，，，，默認(rèn)值是承載的值的頭的名稱。對原生進(jìn)度事件的處理定義允許的響應(yīng)內(nèi)容的最大尺寸。基本認(rèn)證的過程。后者將優(yōu)先于前者。 Axios說明 Axios是一個(gè)基于promise的HTTP庫，可以用在瀏覽器和node.js中。安裝使用npm: $ npm install axios 使用bower $ bower in...

546669204 2019-08-23 13:38 評論0 收藏0
前端培訓(xùn)-初級階段-場景實(shí)戰(zhàn)（2019-06-06）-Content-Type對照表及日常使用

摘要：前端最基礎(chǔ)的就是。數(shù)據(jù)被編碼為鍵值對。大法好，精準(zhǔn)識別，也算是正確的表單提交。全局的默認(rèn)值實(shí)例默認(rèn)值創(chuàng)建實(shí)例時(shí)設(shè)置配置的默認(rèn)值在實(shí)例已創(chuàng)建后修改默認(rèn)值攔截器，可以攔截錯(cuò)誤，進(jìn)行上報(bào)。參考資料類型看云前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水...

mayaohua 2019-08-02 15:13 評論0 收藏0