CORS 에러에 대한 대처
Proxy 설정
- vite.config.json에서 Proxy 경로를 설정한다.
export default defineConfig({
plugins: [react()],
server: {
proxy: {
'/api': {
target: 'https://apis.data.go.kr',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
secure: false,
ws: true
}
}
}
})
- API 호출 URL을 설정한 것에 맞게 수정한다.
export default async function getWeather() {
const response = await axios.get('/api/1360000/VilageFcstInfoService_2.0/getVilageFcst', {
params: queryParams
})
return response.data.response.body.items.item
}
안녕하세요 올려주신 글 잘 읽어보았습니다
저도 똑같은 방식으로 진행하였지만
axios쪽에서 /api를 하면 localhost:3000으로 들어가더라구요 혹시 이런 문제 해결방법 아실까요?