vue에서 get가 전송 데이터를 해결하도록 요청하는 것은 그룹 형식의 문제입니다
//indices index , indices
//bracket , arrayFormat:'brackets' []
qs.stringify({ arr: [1,2,3] }, { indices: false }) //arr=1&arr=2&arr=3
qs.stringify({ arr: [1,2,3] }, { arrayFormat: 'indices' }) //arr[0]=1&arr[1]=2&arr[2]=3
qs.stringify({ arr: [1,2,3] }, { arrayFormat: 'brackets' }) //arr[]=1&arr[]=2&arr[]=3
qs.stringify({ arr: [1,2,3] }, { arrayFormat: 'repeat' }) //arr=1&arr=2&arr=3
qs의parse() 사용인터페이스가 get 요청 인터페이스의 요청 데이터를 가져오려면parse () 를 사용하여 주소에 연결된 매개 변수 데이터를 대상으로 변환할 수 있습니다
let url = "111.111.3.203:8080/getList?id=1&name=huahua&arr=a&arr=b"
let splitObj = url.split('?')[1]
qs.parse(splitObj ) //{ id: '1', name: 'huahua', arr: ['a','b'] }
qs.stringify와 JSON.stringify의 차이
let obj = { a: 1, b: 2 }
qs.stringify(obj) //a=1&b=2
JSON.stringify(obj) // "{'a': 1, 'b': 2}"
qs 수조 매개 변수 문제 해결axios,qs 설치
npm install qs
npm install axios -S
메인js에 qs 도입
import Vue from 'vue'
import qs from 'qs'
import axios from 'axios'
Vue.prototype.$qs = qs; //qs vue
Vue.prototype.$http = axios; //axios vue
어셈블리에서 사용get 요청의 요청 매개 변수는 config의params에 데이터를 넣는 것입니다. 실제적으로'&'를 통해 URL에 연결됩니다.
요청 파라미터가 수조arr=[1,2,3]이면 get 요청이 수조를 처리하지 않으면 백엔드에 전달되는 인터페이스는
"url 주소?arr[]=1&arr[]=2&arr[]=3", 인터페이스가 잘못됩니다. "[]"기호를 식별할 수 없기 때문입니다.
수조를 수정해야 합니다. qs의stringify() 방법을 통해 수조를 서열화해야 합니다. 백엔드에 전달되는 인터페이스는'url 주소?arr=1&arr=2&arr=3'입니다. 인터페이스가 틀리지 않습니다.
this.arr = [1,2,3]
// , qs stringify()
this.$http.get('url ', {
params: {
arr: this.$qs.stringify(this.arr) // url url ?arr=1&arr=2&arr=3
}
}).then(() => {
})
// , axios paramsSerializer
this.$http.get('url ', {
params: {
arr: this.arr // url url ?arr=1&arr=2&arr=3
},
paramsSerializer: (params) => {
return this.$qs.stringify(params)
}
}).then(() => {
})
상기 vue에서 get가 전송 데이터를 해결하라고 요청한 것은 수조 형식의 문제입니다. 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고도 해주시고 저희를 많이 사랑해 주십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.