localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

날씨 api 백엔드로 수정

Browse Source
This commit is contained in:
dyhj625 2025-04-01 14:45:21 +09:00
parent f975273c47
commit e5acfa5cf3
1 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/layouts/TheTop.vue
View File

@ -269,6 +269,7 @@
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useThemeStore } from '@s/darkmode'; import { useThemeStore } from '@s/darkmode';
import { computed, onMounted, ref, watch } from 'vue'; import { computed, onMounted, ref, watch } from 'vue';
import axios from '@api';
const baseUrl = import.meta.env.VITE_SERVER; const baseUrl = import.meta.env.VITE_SERVER;
@ -353,41 +354,42 @@
const weatherKorean = computed(() => weather.value.description || '날씨 정보 없음'); const weatherKorean = computed(() => weather.value.description || '날씨 정보 없음');
onMounted(() => { onMounted(() => {
navigator.geolocation.getCurrentPosition(async (position) => { navigator.geolocation.getCurrentPosition(async (position) => {
const lat = position.coords.latitude; const lat = position.coords.latitude;
const lon = position.coords.longitude; const lon = position.coords.longitude;
const apiKey = '3505b3500aacf34c4497bf449996ea09';
const url = `https://api.openweathermap.org/data/2.5/forecast?lat=${lat}&lon=${lon}&appid=${apiKey}&units=metric&lang=kr`;
try { try {
const res = await fetch(url); const res = await axios.get(`/weather`, {
const data = await res.json(); params: { lat, lon },
withCredentials: true,
});
const now = new Date(); const raw = res.data;
const data = JSON.parse(raw.data);
// 가장 가까운 데이터 if (!data || !Array.isArray(data.list) || data.list.length === 0) {
const closest = data.list.reduce((prev, curr) => { console.error('날씨 데이터 형식 오류 또는 없음:', data);
const prevTime = new Date(prev.dt_txt).getTime(); return;
const currTime = new Date(curr.dt_txt).getTime(); }
const nowTime = now.getTime();
const prevDiff = Math.abs(prevTime - nowTime); const now = new Date();
const currDiff = Math.abs(currTime - nowTime); const closest = data.list.reduce((prev, curr) => {
const prevTime = new Date(prev.dt_txt).getTime();
const currTime = new Date(curr.dt_txt).getTime();
const nowTime = now.getTime();
const prevDiff = Math.abs(prevTime - nowTime);
const currDiff = Math.abs(currTime - nowTime);
return prevDiff < currDiff ? prev : curr;
});
if (prevDiff < currDiff) return prev; weather.value.icon = closest.weather[0].icon.replace(/n$/, 'd');
if (prevDiff > currDiff) return curr; weather.value.description = closest.weather[0].description;
weather.value.tempMin = Math.round(closest.main.temp_min);
return prevTime < currTime ? prev : curr; weather.value.tempMax = Math.round(closest.main.temp_max);
} catch (e) {
console.error('날씨 정보 가져오기 실패:', e);
}
}); });
weather.value.icon = closest.weather[0].icon.replace(/n$/, 'd');
weather.value.description = closest.weather[0].description;
weather.value.tempMin = Math.round(closest.main.temp_min);
weather.value.tempMax = Math.round(closest.main.temp_max);
} catch (e) {
console.error('날씨 정보 가져오기 실패:', e);
}
});
}); });
const handleLogout = async () => { const handleLogout = async () => {