vue2에서 axios http 요청을 사용할 때의 문제점 및 해결 방법

이 글은 주로 vue2에서 axios http 요청을 사용할 때 발생하는 문제를 해결하기 위한 글을 공유합니다. 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

Axios를 사용하여 게시 요청을 처리할 때 발생하는 문제를 해결했습니다.

기본값: axios.post(url, params).then(res => res.data);

url이 원격 인터페이스 링크인 경우 A 404 오류가 보고됩니다:

Uncaught (in promise) Error: Request failed with status code 404

새 axios를 인스턴스화하고 메시지 헤더를 'content-type'으로 설정해야 합니다: 'application/x-www-form-urlencoded'

그래서 해결책을 제시합니다:

var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, params).then(res => res.data);

그런 다음 오류가 보고되지 않았지만 백그라운드에서 들어오는 매개변수를 받아들일 수 없다는 것을 확인했습니다. 정보를 확인한 결과 qs 모듈을 도입해야 한다는 것을 발견했습니다

var qs=require('qs');
var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, qs.stringify(params)).then(res => res.data);

완료!

문제가 해결되었습니다!

관련 권장 사항:

node.js axios를 통해 네트워크 요청을 구현하는 방법

VueJs 구축 Axios 인터페이스 요청 도구 인스턴스 세부 정보

도메인 간 요청에 axios를 사용하는 vue2.0의 ProxyTable 설정 정보

위 내용은 vue2에서 axios http 요청을 사용할 때의 문제점 및 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!