Axios: axios에서 데이터를 POST할 수 없음

@awais-ilyas, 나는 당신이 일반적으로 POST 페이로드를 문자열화할 것이라고 생각하지 않습니다. 이 시도:

...
axios({
method: 'post',
url: 'api/Application/Action/MyWebAPIMethod',
data: args,
});
...

POST 본문에 data 를 설정해야 합니다.

나는 최근 AJAX 작업에 jQuery를 사용하는 것에서 Axios로 옮기기 시작했습니다. 그러나 나는 간단한 POST를 할 수 없다는 것을 알고 충격을 받았습니다.

그래서 처음 시도한 것은 다음과 같습니다.

axios.post('/api/event/item', {
    event_id: eventId,
    item_id: itemId,
    description: description
  })
  .catch(function (error) {
    console.log(error);
  });

백엔드(PHP 사용)에서 $_POST는 완전히 비어 있습니다. 그래서 나는 약간의 인터넷 검색을했고 이것은 작동합니다 (폴리필 사용, 한숨).

const params = new URLSearchParams();
params.append('event_id', eventId);
params.append('item_id', itemId);
params.append('description', description);
axios({
  method: 'post',
  url: '/api/event/item',
  data: params
});

이것은 작동합니다. 그래서 URLSearchParams 를 사용해야 합니까? 문서에서 첫 번째 방법이 작동해야 함을 보여주기 때문에 이것은 실망스러웠습니다.

다른 사람이이 문제가 있습니까?

@dlgoodchild 양식 데이터로 보내시겠습니까? 내 POST 본문도 비어 있음을 발견했지만 이것을 사용하여 양식과 같은 것으로 변환해야 했습니다.

   ...
      data: params,
      transformRequest: [
        function(data, headers) {
          const serializedData = []

          for (const k in data) {
            if (data[k]) {
              serializedData.push(`${k}=${encodeURIComponent(data[k])}`)
            }
          }

          return serializedData.join('&')
        }
      ],
   ...

동의합니다. POST 기능이 작동해야 합니다.

아 좋은 접근! 여기에 착륙하는 모든 사람의 이점을 위해 결국 3가지 변형을 사용하여 작동하게 했습니다.

1. 양식 데이터
2. URL검색 매개변수
3. querystring.stringify(노드의 일부)

처음 2가지 옵션의 문제는 브라우저 호환성입니다(caniuse.com에서 확인). 마지막은 또 다른 종속성입니다.

transformRequest 옵션에 대해 알지 못했습니다. 이 옵션은 보기에 좋고 종속성을 최소화하고 특히 이전 버전의 경우 크로스 브라우저에서 작업하려는 경우 훌륭한 옵션입니다.

나는 문서가 많은 사람들에게 Axios를 실망스럽게 만드는 것이라고 생각합니다. Axios를 사용하는 POST와 관련된 StackOverflow 질문의 수는 어딘가에 문제가 있고 일반적인 오해가 있다는 좋은 표시입니다.

같은 문제가 있습니다 - 연구에 몇 시간을 보냈고 마침내이 문제를 찾았습니다. 생각: POST는 복잡하지 않아야 하며 종속성이나 추가 구성이 필요하지 않아야 합니다. 이것은 다시 AngularJS 1처럼 느껴집니다. 지금은 이 라이브러리를 계속 사용하겠습니다.

@yuri-wisestamp는 더 이상 동의할 수 없습니다. 매우 이상하고 특이한 디자인 선택입니다. 나는 처음부터 이것을 배치할 좋은 문서가 부족하여 디버깅을 잃어버린 시간으로 인해 도피했다고 느꼈기 때문에 지금은 대부분 사용을 중단했습니다.

Axios 및 PHP로 게시하는 것은 진정한 악몽입니다!

2시간을 보냈는데 아무런 결과가 없었습니다...

형식이 인코딩되지 않은 게시물은 PHP에서 $_POST를 채우지 않습니다. 게시물 본문을 읽어야 합니다.

$body = file_get_contents('php://input');

json이 예상되는 경우:

$json=json_decode($body);

이 코드:

axios = require('axios');

var param = {
   args: {
      myStringVal: '979251e4-6c9f-460d-ba32-1b6fe58ce8a3'
   }
};

axios({
   method: 'post',
   url: 'http://home.test/post.php',
   data: param,
});

이에 대해 서버에서:

<?php

$entityBody = file_get_contents('php://input');

file_put_contents(__DIR__ . '/output.txt', print_r(json_decode($entityBody), true));

이 출력을 생성했습니다.

stdClass Object
(
    [args] => stdClass Object
        (
            [myStringVal] => 979251e4-6c9f-460d-ba32-1b6fe58ce8a3
        )

)

내 문제를 다음과 같이 수정했습니다.

앞

✋userSearchParams()는 모든 곳에서 작동하지 않습니다( https://caniuse.com/#search =URLSearchParams() )

        let params = new URLSearchParams();
        params.append('email', this.email );
        params.append('url', userInfo.url );
        this.$http.post(
          'http://localhost:9999/api/record.php', params
          )
        .then((response) => {
          if (response.data.message === "success" )  this.$router.push( 'thankyou' );
        })
        .catch( (error) =>   console.log(error) ) ;

뒤

print_r( $_POST ); 

// $_POST['email'] = '[email protected]'
// $_POST['url'] = 'http://google.fr'

qs를 설치하여 작동하도록 했습니다.

          import qs from "qs";


        const params = {
            name: "User",
            startTime: "2:00PM",
            endTime: "3:00PM",
            status: "pending",
            invitation: "test",
        };

        axios.post("DOMAIN/event/new", qs.stringify(params))
            .then((response) => {
                console.log(response);
            })
            .catch((error) => {
                console.log(error);
            });

@Legym 감사합니다! q.stringify를 사용해도 작업이 완료되었습니다! 젠장, POST 요청이 제대로 작동하지 않아 axios 사용을 중단하려고 했습니다!

감사합니다!

실제로 외부 라이브러리 없이도 더 나은 솔루션을 찾았습니다. 게시 요청 헤더는 양식으로 설정됩니다. JSON 객체를 보내는 경우 헤더를 변경해야 합니다.

        const params = {
            name: "User",
            startTime: "2:00PM",
            endTime: "3:00PM",
            status: "pending",
            invitation: "test",
        };

axios.post('DOMAIN/event/new', params, {
     headers: {
          'content-type': 'application/json',
     },
})

@Legym 정말 감사합니다!

POST가 작동하지 않는 이유를 정말 이해하지 못합니다. Legym의 헤더는 나를 위해 그것을 고칠 수 없습니다.
jquery가 먼저 작동하여 무슨 일이 일어나고 있는지 모르겠습니다.

URLSearchParams 접근 방식은 macOS의 Safari에서 작동하지 않습니다.

axios를 통해 파일과 데이터를 POST할 수 있는 사람이 있습니까?
PHP의 Laravel 프레임워크를 사용하고 있습니다.

@latanoil 솔직히 말해서 axios를 사용하는 데에는 장점이 거의 또는 전혀 없습니다. 더 간단하고, 더 잘 지원되고, 더 잘 문서화된 Ajax 라이브러리를 고수하는 것이 가장 좋습니다. Jquery는 시도되고 테스트되었으며 완벽하게 작동하며 여기에서 찾을 수 있는 문제가 없습니다.

조언을 주신 @dlgoodchild 에게 감사드립니다. 나는 며칠 동안 이것으로 고생했습니다. 저는 그냥 jQuery를 고수할 것입니다.

axios({
  method: 'post',
  url: 'http://blahblahblah',
  params: {
    key1: value1,
    key2: value2
  }
})

이런 식으로 작업하려면 _data_가 아닌 _params_를 사용하십시오.

LOL 나는 이것이 일하기가 너무 어려웠다는 것을 믿을 수 없습니다.

_this_ 기본적인 것, _this_ ... _common_, 어렵지 않아야 합니다.

@HelsingMatt 아니요 저에게 효과가 없었습니다. $_GET과 혼동했을 수 있습니다. 'params'가 GET에서 작동하게 하는 데 사용했기 때문입니다. 그러나 POST에서는 작동하지 않았습니다.

@malochine 흥미롭습니다. node.js에서 POST와 함께 _params_를 사용합니다.

@HelsingMatt 알겠습니다 . 나는 PHP를 사용하고 있습니다. axios가 PHP로 완전히 엉망이 된 것처럼 보입니다. PHP 백엔드를 사용하고 있습니까?

@malochine 은 아직 PHP를 배운 적이 없으며 모든 백엔드는 node.js를 사용합니다.

나는 PHP를 사용하고 있습니다. 문제가 없습니다.
어떤 경우에는 json(보통)을 원하므로 그에 따라 헤더를 설정합니다. $_POST를 채우고 싶은 경우에는 q와 같은 라이브러리를 사용하거나 쿼리 문자열로 변환하기 위해 더 작은 자체 구현(모든 경우를 처리하지는 않지만 나에게 적합함)을 사용합니다.

이러한 기능 중 하나에 대한 예는 이 SO 게시물을 참조하십시오. https://stackoverflow.com/a/1714899/6728516

Axios의 이 단점은 오랫동안 주요 문서에서 다루어져 왔지만, 조금 더 설명적일 수 있다는 점은 인정합니다.

일반적으로 JSON을 사용하는 것이 훨씬 더 다재다능해서 더 이상 이 작업을 수행하는 경우가 거의 없습니다. PHP에서 게시된 JSON을 검색하는 방법은 위의 내 설명을 참조하십시오.

이런 젠장.

양식에 대한 표준 API 기능을 중단하고 싶지 않았기 때문에 fallback 을 추가해야 했습니다.

if(empty($_POST['dep_date'])) {
    $body = file_get_contents('php://input');
    $json = json_decode($body, true);
    $_POST['dep_date'] = $json['dep_date'];
    .....

운 좋게도 php 측에 접근할 수 있었습니다. 외부 API라면 §§§ 입니다. vue에 대한 모든 ajax 클라이언트를 나열할 때 이에 대한 경고가 있어야 합니다. :)

"params"를 사용하여 저와 함께 작동하고 PHP를 사용합니다.
이것은 nativescript-vue 2.0.0 내부의 axios입니다.

@HelsingMatt 감사합니다!

qs를 설치하여 작동하도록 했습니다.

          import qs from "qs";


        const params = {
            name: "User",
            startTime: "2:00PM",
            endTime: "3:00PM",
            status: "pending",
            invitation: "test",
        };

        axios.post("DOMAIN/event/new", qs.stringify(params))
            .then((response) => {
                console.log(response);
            })
            .catch((error) => {
                console.log(error);
            });

피

모든 cors 헤더 및 콘텐츠 유형이 포함된 php 백엔드 코드를 게시할 수 있습니까? 나는 두 가지 axios를 모두 시도했지만 둘 다 작동하지 않습니다.

문서의 실수처럼 보이지만 params 개체를 사용해야 하며 데이터가 없으며 작동합니다. 나는 그것을 이해하는 데 2 ​​시간을 보냈습니다 ((

 액시오스({
 방법: '게시',
 url: 'URL',
 매개변수: {
 핵심 가치
 }
 })

Daniil님 감사합니다. 도움을 주셔서 감사합니다. 알려주셔서 감사합니다
오류.

2018년 11월 10일 토요일 오전 11시 18분 Daniil [email protected] 이 다음과 같이 작성했습니다.

문서상의 실수처럼 보이지만 params 객체를 사용해야합니다.
데이터가 작동하고 있습니다. 나는 그것을 이해하는 데 2 ​​시간을 보냈습니다 ((

액시오스({
방법: '게시',
URL: '/wp-admin/admin-ajax.php?action=data_fetch',
매개변수: {
핵심 가치
}
})

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/axios/axios/issues/1195#issuecomment-437612819 또는 음소거
스레드
https://github.com/notifications/unsubscribe-auth/ApIWeUP45k17b70vsaT80KR1g_cxXcMvks5utyZzgaJpZM4Ql8j5
.

내 문제를 다음과 같이 수정했습니다.

앞

✋userSearchParams()는 모든 곳에서 작동하지 않습니다( https://caniuse.com/#search =URLSearchParams() )

        let params = new URLSearchParams();
        params.append('email', this.email );
        params.append('url', userInfo.url );
        this.$http.post(
          'http://localhost:9999/api/record.php', params
          )
        .then((response) => {
          if (response.data.message === "success" )  this.$router.push( 'thankyou' );
        })
        .catch( (error) =>   console.log(error) ) ;

뒤

print_r( $_POST ); 

// $_POST['email'] = '[email protected]'
// $_POST['url'] = 'http://google.fr'

많은 도움이 됩니다. 감사합니다!

axios({
  method: 'post',
  url: 'http://blahblahblah',
  params: {
    key1: value1,
    key2: value2
  }
})

이런 식으로 작업하려면 _data_가 아닌 _params_를 사용하십시오.

훨씬 더 깨끗한 접근 방식 덕분에 저에게도 효과적입니다.

기본 URL로 이미 생성된 Axios 인스턴스가 있습니다.

나는 그 인스턴스를 사용하여 포스트를 만들고 싶다. 올바른 설정은 무엇입니까?

이것은 작동합니다:

    axios({
        method: "post",
        url: "https://slack.com/api/chat.postMessage",
        params: {
            token: this.token,
            channel: this.channel,
            text: "Testing API"
        },
        transformRequest: [
            (data, headers) => {
                console.log("data-in-transform", data);
                delete headers.post["Content-Type"];
                return data;
            }
        ]
    });

이것은 작동하지 않습니다:

    ax = axios.create({
        baseURL: `https://slack.com/api/`,
        params: {
            token: this.token,
            channel: this.channel
        },
        withCredentials: false,
        transformRequest: [
            (data, headers) => {
                delete headers.post["Content-Type"];
                return data;
            }
        ]
    });
        this.ax.post("chat.postMessage", {
            withCredentials: false,
            params: {
                text: "Testing API"
            },
            transformRequest: [
                (data, headers) => {
                    console.log("data-in-transform", data);
                    delete headers.post["Content-Type"];
                    return data;
                }
            ]
        });

이 문제를 해결하기 위해 15일을 보냈습니다.(여기에 코드가 있습니다.

 Axios({

        method: apiMethod,
        url: root_url, // Api URL
        data: (apiMethod === 'POST')? Qs.stringify(apiParams) : undefined, // API post parameters,
        params:(apiMethod === 'get')? apiParams : undefined, //API get params
        headers:{
          'Accept': 'application/json',
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        },

    }).then(function (response) { // On Success
        console.log('Response', response.data );

        successCallback(response.status, response.data);
    })
    .catch(function (error) { // On Failure
        console.log('error', error);

        errorCallback(error.status, error.data);
    })
    .then(function () { // Always
        alwaysCallback(false);
    });

정말 끔찍합니다. POST 요청을 보내는 것에 대한 긴 논의가 있고 결국 우리는 아직 구체적인 해결책이 없습니다.

나는 같은 문제에 직면하고 있으며 이미 3일을 보냈습니다. 가능한 모든 조합과 옵션을 시도했지만 여전히 같은 상황에 처해 있습니다. 따라서 내 백엔드도 PHP로 작성되었습니다. 저도 axios 에 POST와 PHP 조합에 큰 문제가 있다고 생각합니다. 이는 단순히 받아 들여지지 않습니다!!

jQuery는 이러한 작업을 매우 잘 처리하므로 다시 jQuery로 전환하겠습니다. POST 요청을 보내기 위해 추가 종속성을 설치하고 싶지 않습니다!

또한 적절한 해결책 없이 스레드가 닫힙니다 !!

@awais-ilyas에 의해 폐쇄되었으며, 가능하다면 다시 열어야 합니다.

응! 그러나 실은 나를 어디로 데려가지 않습니다. JSON 객체를 사용하여 PHP에 POST 요청을 보내는 것은 여전히 ​​고통스럽습니다! @dlgoodchild 내가 이 스레드에 늦게 왔기 때문에 아직 해결 방법이 있습니까?

예 @emfluenceindia 이 스레드에는 JSON을 사용할 필요가 없는 해결 방법이 많이 언급되어 있습니다.

나는 그들을 보았다. 이것은 여전히 ​​JSON으로 POST할 수 없다는 것을 의미합니까?

이 스레드는 JSON 게시에 관한 것이 아닙니다. JSON을 게시물 본문으로 게시하는 것은 문제가 되지 않습니다. 이 스레드는 jQuery와 같이 data: 속성을 사용하고 PHP에서 $_POST를 채우는 것에 관한 것입니다.

나는 최근 AJAX 작업에 jQuery를 사용하는 것에서 Axios로 옮기기 시작했습니다. 그러나 나는 간단한 POST를 할 수 없다는 것을 알고 충격을 받았습니다.

그래서 처음 시도한 것은 다음과 같습니다.

axios.post('/api/event/item', {
    event_id: eventId,
    item_id: itemId,
    description: description
  })
  .catch(function (error) {
    console.log(error);
  });

백엔드(PHP 사용)에서 $_POST는 완전히 비어 있습니다. 그래서 나는 약간의 인터넷 검색을했고 이것은 작동합니다 (폴리필 사용, 한숨).

const params = new URLSearchParams();
params.append('event_id', eventId);
params.append('item_id', itemId);
params.append('description', description);
axios({
  method: 'post',
  url: '/api/event/item',
  data: params
});

이것은 작동합니다. 그래서 URLSearchParams 를 사용해야 합니까? 문서에서 첫 번째 방법이 작동해야 함을 보여주기 때문에 이것은 실망스러웠습니다.

다른 사람이이 문제가 있습니까?

나는 오늘이 문제를 만났고 거의 하루 종일 이것에 보냈습니다. s weird because the document of axios told me to use first method which didn 작동합니다. 고마워, 형

너희들은 넣었니?
app.use(express.json())
app.js에서?

이 정도면 충분합니다.

const formData = new FormData();
formData.append('action', 'some-action');
formData.append('page', 1);

axios
  .post('/async/index.php', formData, {
    retry: 3,
    retryDelay: 100,
  })
  .then(res => {
    console.log('get', res.data);
  })
  .catch(console.log);

PHP

print_r($_POST);

대답은 다음을 추가하는 것입니다. Axios는 기본적으로 url-form-encoded를 사용합니다.

headers: {
  "Content-Type": "text/plain"
}

이 솔루션 중 어느 것도 저에게 효과가 없었고, config 개체가 전달된 _3번째 인수_이기 때문에 게시 요청에 대한 _데이터 개체가 있어야 하기 때문에 node.js 사용자의 경우 README가 오해의 소지가 있기 때문이라고 생각합니다. .post 함수에는 이 인터페이스가 있습니다.

post(url: string, data?: any, config?: AxiosRequestConfig): AxiosPromise;

따라서 다음과 같이 .post 함수를 호출해야 합니다.

await axios.post(
 `http://localhost:3000/your/path/here`,
 {},
 {
   params: {
     ID: 12345,
     name: 'testUser',
   },
 },
);

@NathanielRN 이 솔루션은 작동하지만 최적은 아닙니다. URL에 모든 매개변수를 추가합니다. "얻다"와 비슷합니다.

@NathanielRN 이 솔루션은 작동하지만 최적은 아닙니다. URL에 모든 매개변수를 추가합니다. "얻다"와 비슷합니다.

@nicolardi 죄송합니다. URL 요청 성능에 익숙하지 않습니다. URL에 매개변수를 추가하는 것이 최적이 아닌 동안? "get"과 같더라도?

Axios는 주변에서 가장 유명한 클라이언트이지만 이러한 결함이 있습니다. 실망스럽다.

수사 재개

문제는 Axios에 있는 것이 아닙니다. 동일한 매개변수(메서드: Post, Body: {"something":"value"}, 헤더는 json으로 설정)로 cURL 또는 Postman을 사용하면 작동합니다. 그러나 Vue, React, Angular(무엇이든)에서 Axios 또는 Fetch API를 사용하여 수행하는 경우 Chrome 또는 (다른 모든 브라우저) 요청 방법(네트워크 탭 참조)을 OPTIONS가 아닌 OPTIONS로 "변경"하는 것을 볼 수 있습니다. 더 이상 게시하십시오. 그 이유는... CORS(교차 출처 자원 공유)입니다. NestJS를 사용하여 API를 만들고 CORS를 활성화하는 것을 잊었기 때문에 발견했습니다. 활성화되면 요청 방법이 POST로 유지되고(원하는 대로) Axios는 JSON(또는 다른 형식)을 반환할 수 있습니다. 일부 프레임워크는 CORS를 자동으로 설정합니다(예: Laravel). 다른 프레임워크는 수동으로 설정/활성화해야 합니다.

이 정도면 충분합니다.

const formData = new FormData();
formData.append('action', 'some-action');
formData.append('page', 1);

axios
  .post('/async/index.php', formData, {
    retry: 3,
    retryDelay: 100,
  })
  .then(res => {
    console.log('get', res.data);
  })
  .catch(console.log);

PHP

print_r($_POST);

@jonataswalker 의 솔루션은 Axios를 사용하여 POST를 처리하는 가장 좋은 방법입니다. FormData()를 사용하면 저에게 효과적이었습니다.

그래서 나는 같은 문제가 있습니다. 나는 내 전면에 Vue.js를 사용하고 있으며 마지막 버전(axios 및 vue)으로 업데이트한 이후로 어떤 식으로든 데이터를 보낼 수 없다는 것을 알았습니다. 내 마지막 프로젝트에서는 어떤 형식으로든 데이터를 보낼 수 있었습니다.

이전 버전에서는 잘 작동하고 업데이트된 버전에서는 전혀 작동하지 않습니다.

axios.post('/actions/posts/create_questionnaire' , { questionnaire : form })

게시물이 작동하지 않으면 이전 버전의 axios와 사용 중인 프리워크를 사용해 보십시오.

django 백엔드에서 이 문제가 발생했습니다. 다행히 GET을 사용하는 해결 방법이 있지만 axios.post는 확실히 문서화된 대로 작동하지 않습니다.

axios 문제가 아니라 cors 문제일 수도 있습니다.
노드 서버에서 PHP 백엔드로 게시하는 경우 PHP 스크립트에 cors가 있어야 합니다.

https://stackoverflow.com/a/55392661

또한 $_POST를 사용하지 않고 $data = file_get_contents('php://input');

이것은 PHP에서 $_POST 값을 검색하기 위해 작동하는 것 같습니다.

    axios.post(url, {test: 'dafasfasfa'},{
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
            "Access-Control-Allow-Origin": "*"
        }
    })

@alvarotrigo 와 @latanoel 의 아이디어를 조합하여 마침내 이와 같은 django 백엔드(cors가 설치 및 구성됨)로 작업하게 되었습니다.

const formData = new FormData();
formData.append('a1', this.form.a1);
formData.append('a2', this.form.a2);
formData.append('a3', this.form.a3);

axios
  .post(url, formData, {
    headers: {
      'Content-type': 'application/x-www-form-urlencoded',
    }
  })
etc

문서에서 제안한 대로 POST 인수를 인라인으로 포함하면 백엔드에서 POST가 비어 있습니다. 또한 cors를 위반하기 때문에 Access-Control-Allow-Origin을 설정할 수 없습니다.

또한이 방법을 통해 캠
const paramsCompose = (formData) => { const str = []; for (let p in formData) { str.push(encodeURIComponent(p) + '=' + encodeURIComponent(formData[p])); } const body = str.join('&'); console.log('PARAMS ' + body); return body; };

그럼 당신은 ...
return axios.post(url, paramsCompose({ image_url: image_url, cover_name: cover_name })) .then(res => { const tx = res.data; console.log(tx); return res.data });

며칠 후 이전 옵션을 모두 시도했지만 여전히 문제를 해결하는 데 성공하지 못했습니다.

실제로 우리가 가지고 있는 것은 다음과 같습니다.

• Axios 'post' 방법은 문서화된 대로 작동하지 않습니다.
• Axios를 사용하여 REST 서비스에 대한 간단한 '포스트' 호출을 실행하면 지옥이 됩니다.

나는 그것이 심각하다는 것을 믿을 수 없습니다 ... 죄송하지만 다른 API를 사용하기 위해 돌아올 것입니다. 굿바이 액시오스.

@fabriciobraga 내 응용 프로그램에서도 왜 이런 일이 발생하는지 알아 내려고 노력했습니다. 나는 하루 종일 해결책을 찾기 위해 인터넷을 뒤졌다. 그런데 알고보니 아주 간단한 문제였습니다. 내 사용자 create action 처음에는 다음과 같았습니다.

createUser(context, user) {
    this.$axios.$post("/api/users/", user).then(response => {
      context.dispatch("fetchUsers");
    });
 }

user 매개변수에는 새 사용자의 email 및 password 가 포함된 개체가 있습니다. console.log 사용자 개체를 시도했는데 속성이 정의되지 않았다고 보고했습니다! 🤔

그래서 $post 메소드에 전달할 때 사용자 객체를 퍼뜨렸고 이제 작동합니다!

 this.$axios.$post("/api/users/", {...user})

제 경우에는 사용자 개체가 빈 개체로 전송되었고 내 API에서 그렇게 보고했습니다. 같은 문제에 직면하고 있다면 이것을 시도해야 합니다.

또 다른 가능한 시나리오는 데이터가 제대로 전송되고 있지만 API가 기대하는 형식이 아닌 경우입니다(예: PHP 스크립트의 일반적인 형식은 양식 데이터이지만 대부분의 Node.js API는 JSON을 예상함). 그래서 당신은 이것을 알아낼 필요가 있습니다. 위의 토론을 참조하십시오 .

분명히 같은 문제가 있음
axios.post("api", { API: 1, version: "0.1b"...})....
내 Java 나머지 서버에 도달하면 빈 API 및 버전이 표시됩니다.
3번째 매개변수로 보낼 때, 즉
axios.post("api", null, { params: {API: 1, version: "0.1b"...}})....
예상대로 작동합니다

이것은 가장 많이 언급되고 열린 문제 중 하나입니다. 이 스레드의 모든 댓글을 읽었습니다. 많은 사용자가 axios로 데이터를 게시하는 방법을 혼동했습니다. 누군가가 조회수 또는 결론을 내렸고 새로운 사용자는 다시 길을 놓쳤습니다.

axios는 요청 클라이언트일 뿐입니다. 예상한 응답을 보지 못했다면 axios가 보내는 내용이 서버가 기대하는 것과 일치하는지 확인하십시오. 다음은 포스트 또는 모든 axios 문제를 해결하는 주요 단계입니다. 또한 사용자가 다음 질문에 대한 답변으로 문제를 열 ​​수 있기를 바랍니다. 나중에 문제 템플릿을 업데이트할 수 있습니다.

1. 어느 쪽에서 코드를 실행했습니까? 브라우저 또는 서버 측.
2. 어떤 매개변수를 보내시겠습니까? config.params 또는 config.data 사용해야 합니까?
3. params 인 경우 인코딩하는 방법은 무엇입니까? 기본 config.paramsSerializer 이면 충분합니까 아니면 사용자 정의를 사용해야 합니까?
4. data 인 경우 올바른 content-type 헤더로 인코딩했습니까? 대부분의 게시물 문제는 여기에서 실패했습니다.
   
   
   
   1. application/json 헤더에는 JSON.stringify $ 가 필요하고 application/x-www-form-urlencoded 헤더에는 qs.stringify $ 가 필요합니다.
   
   
   2. 기본 config.transformRequest 는 URLSearchParams에 대해 application/x-www-form-urlencoded 를 설정하고 Javascript 개체에 대해 application/json 를 설정합니다. 정확한 이해를 위해 lib/defaults.js 의 소스 코드를 확인하십시오.
   
   
5. CORS/ATS/Promise와 같은 다른 문제를 만났고 해결 방법을 알고 있습니까?

나는 그것들이 복잡해 보인다는 것을 알고 있으며 가능한 한 자세하게 설명하는 튜토리얼을 작성할 계획입니다. 하지만 나는 원어민이 아니라 내 기사 수준이 조금 걱정됩니다. 잠그는 것을 용서하고 커뮤니티의 누군가가 잘 작성된 문서를 제공할 때까지 기다리십시오. 이것은 오픈 소스입니다. 우리는 모두의 기여가 필요합니다.