[ICC-54] 에러 메시지 + axios #9
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
GulSauce
commented
Jun 3, 2025
| method: "POST", | ||
| body: formData, | ||
| const res = await axiosInstance.post(`/s3/upload`, formData, { | ||
| isMultipart: true, |
Member
Author
There was a problem hiding this comment.
- Content-Type: 기본적으로 application/json로 두었습니다 multipart라면
{
isMultipart: true,
}
로 옵션을 주면 됩니다
GulSauce
commented
Jun 3, 2025
| import axios from "axios"; | ||
| const apiBaseURL = import.meta.env.VITE_BASE_URL; | ||
|
|
||
| const axiosInstance = axios.create({ |
Member
Author
There was a problem hiding this comment.
- base-url: axiosInstance 생성 시점에만 등록해주면 됩니다
- method: 함수로 호출하면 됩니다: axiosInstance.get, axiosInstance.post등...
- Content-Type: 기본적으로 application/json로 두었습니다 multipart라면
{
isMultipart: true,
}
로 옵션을 주면 됩니다
GulSauce
commented
Jun 3, 2025
|
|
||
| axiosInstance.interceptors.response.use( | ||
| (response) => response, | ||
| (error) => { |
Member
Author
There was a problem hiding this comment.
- 에러메시지 알림창을 띄워주는 코드를 한 곳에만 작성하면됩니다
- 그후 Promise.reject를 호출하여 상위 스코프에 throw합니다
GulSauce
commented
Jun 3, 2025
| throw new Error(errText || "해설 불러오기 실패"); | ||
| } | ||
| const data = await res.json(); | ||
| const res = await axiosInstance.get(`/explanation/${problemSetId}`); |
Member
Author
There was a problem hiding this comment.
method: 함수로 호출하면 됩니다: axiosInstance.get, axiosInstance.post등...
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
axiosInstance: 코드에도 설명 적어놓았습니다
한 곳에서 http요청을 관리합니다
로 옵션을 주면 됩니다
한 곳에서 http응답을 관리합니다
toast
alert창 대신 예쁜 모달을 띄워주는 라이브러리입니다
체크리스트
npm install