vue 리소스 게시 요청 중에 발생하는 문제에 대한 솔루션

이 글은 주로 vue 리소스 게시물을 요청할 때 직면하게 되는 함정을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

포스트 요청 사용

// global Vue object
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
// in a Vue instance
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

그러나 이것이 사용 중에 문제가 발생하지 않는다는 의미는 아닙니다. (예를 들어, 사용할 때 다음 오류가 발생합니다. XMLHttpRequest는 XXX를 로드할 수 없습니다. 프리플라이트에 대한 응답에는 잘못된 HTTP 상태 코드 405가 있습니다.) ; $http 요청과 jquery의 ajax 사이에는 여전히 차이가 있습니다. 여기의 게시 데이터는 기본적으로 양식 데이터 형식이 아니라 요청 페이로드입니다. 해결책은 매우 간단합니다. vue 인스턴스에 헤더 필드를 추가하세요:

http: {
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}

또는 vue에서 제공하는 더 간단한 방법을 사용하세요:

Vue.http.options.emulateJSON = true;

관련 권장 사항:

php 컬 get post 요청 사용 예제 공유

방법 vue가 axios를 통합하고 post 요청 페이로드를 전송하여 백그라운드에서 데이터를 수신할 수 없게 되는 문제를 해결합니다

네이티브 JS를 사용하여 Ajax의 GET POST 요청을 구현하는 방법

위 내용은 vue 리소스 게시 요청 중에 발생하는 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!