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

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

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

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

encodeURI()

對(duì)整個(gè)url進(jìn)行編碼，會(huì)避開(kāi)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()

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

編碼前：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中就會(huì)對(duì)get請(qǐng)求的整個(gè)url進(jìn)行encodeURI，導(dǎo)致有些get方法不能傳[]，所以在請(qǐng)求攔截器中可以對(duì)get方法多帶帶處理，避開(kāi)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
  },

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/102370.html

相關(guān)文章

Ajax詳解

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

jokester 2019-08-23 14:15 評(píng)論0 收藏0
axios 中文文檔翻譯

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

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

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

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

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

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

摘要：前端最基礎(chǔ)的就是。數(shù)據(jù)被編碼為鍵值對(duì)。大法好，精準(zhǔn)識(shí)別，也算是正確的表單提交。全局的默認(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)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水...

mayaohua 2019-08-02 15:13 評(píng)論0 收藏0