강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của info0993
info0993

câu hỏi đã được viết

Dự án thực tế với Typescript và Vue

Tích hợp Axios + Tái cấu trúc mã

Axios Post보낼때 어떤 식으로 구성하는게 좋을까요?

Đã giải quyết

Viết

·

642

0

강의에서 Axios 를 클래스 방식으로 커스텀해서 쓰셨는데,

실질적으로

get만 보여주셨는데,, POST 방식으로 사용할때는 어떤식으로 사용해야하나요

?? 헤더를 넣고

써야하는데.. 맨 아래 예제 처럼 config에 헤더 구성해서 넣으면 되는 것인지..  궁금합니다.

export default class AxiosService {
  public static readonly instance: AxiosInstance = axios.create({
    baseURL: "http://localhost:8080",
    headers: {},
    timeout: 100000
  });
}
async addData({ commit }, data: object) {
      const config: object = {
        "content-type": "json"
      };
      const res: AxiosResponse<{
        todoList: Item[];
      }> = await AxiosService.instance.post("/data.json", data, config);

      commit("addItem", data);
    }

vuejs

Câu trả lời 1

2

seong0420hei7159님의 프로필 이미지
seong0420hei7159
Người chia sẻ kiến thức

안녕하세요! 

AxiosService에서 instance에서 설정한 header 값은 
instance를 통한 모든 호출에 적용되는 값이니
통일된 header 값이 있다면 instance에 설정해서 쓰시는것이 좋습니다.
한번만 설정해놓으면 되니까요 ^^

특정 통신에서만 사용되는 header값이 있다면, 
두번째 코드와 같이 세번째 인자로 header 값을 넣으시면 됩니다.
여기서 설정한 header 값이  instance에서 설정한 header 값보다 우선순위를 가집니다.

작성하신 코드에서는  config를 아래와 같이 고치셔야 할 것 같습니다.

const config: AxiosRequestConfig = {
headers: {
"content-type": "json"
}
};
Hình ảnh hồ sơ của info0993
info0993

câu hỏi đã được viết

Đặt câu hỏi