Axios: ์˜ค๋ฅ˜: ์ƒํƒœ ์ฝ”๋“œ 400์œผ๋กœ ์š”์ฒญ ์‹คํŒจ

์— ๋งŒ๋“  2017๋…„ 06์›” 24์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: axios/axios

axios๋ฅผ ์‚ฌ์šฉ ์ค‘์ด๊ณ  localhost:3000/posts ์— ๊ฒŒ์‹œํ•˜๋ ค๊ณ  ํ•˜๋Š”๋ฐ ์œ„์˜ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

import axios from 'axios';
import {
  GET_ALL_POSTS,
  GET_POST,
  CREATE_POST,
  DELETE_POST,
  UPDATE_POST
} from './types';

const ROOT_URL = 'http://localhost:3000';

export function createPost({content, title}, cb) {
  return function(dispatch) {
    axios.post(`${ROOT_URL}/posts`, {content, title})
      .then((response) => {
        console.log(response);
        dispatch({
          type: CREATE_POST,
          payload: response
        });
      })
      .then(() => cb())
      .catch((error) => {
        if(error.response) {
          console.log(error.response);
        }
        console.log("Problem submitting New Post", error);
      });
  }
}

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด๋ด,
Request failed with status code 400 ๋Š” ์š”์ฒญ์ด ์ƒ์„ฑ๋˜์—ˆ์ง€๋งŒ ์„œ๋ฒ„๊ฐ€ HTTP ์ฝ”๋“œ 400(์ž˜๋ชป๋œ ์š”์ฒญ)์œผ๋กœ ์‘๋‹ต์„ ๋ฐ˜ํ™˜ํ–ˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

์ด๋ด,
Request failed with status code 400 ๋Š” ์š”์ฒญ์ด ์ƒ์„ฑ๋˜์—ˆ์ง€๋งŒ ์„œ๋ฒ„๊ฐ€ HTTP ์ฝ”๋“œ 400(์ž˜๋ชป๋œ ์š”์ฒญ)์œผ๋กœ ์‘๋‹ต์„ ๋ฐ˜ํ™˜ํ–ˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Axios์—์„œ ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ ๊ท€ํ•˜์˜ ์›น ์„œ๋ฒ„์—์„œ ๋ฌธ์ œ๊ฐ€ ๋˜๋Š” ๊ฒƒ ๊ฐ™์•„์„œ ์ด PR์„ ๋‹ซ์Šต๋‹ˆ๋‹ค.

๋น„๋™๊ธฐ ๋กœ์ง์„ โ€‹โ€‹์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์šฉ์ž redux ์ฝํฌ (๋ฏธ๋“ค์›จ์–ด)

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰