vue2에서 http 요청 문제를 해결하기 위해 axios를 사용하는 방법에 대한 자세한 지침(자세한 튜토리얼)

이제 vue2에서 axios http 요청을 사용할 때 발생하는 문제를 해결하기 위한 기사를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

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

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

url이 원격 인터페이스인 경우 연결하면 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);

완료!

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Angular4는 ng2-file-upload

iview 테이블 높이 동적 설정 방법

vue2.0 방법의 업로드 구성 요소를 통합하여 스타일/CSS 로더를 설치합니다

위 내용은 vue2에서 http 요청 문제를 해결하기 위해 axios를 사용하는 방법에 대한 자세한 지침(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!