test

package.json

@@ -8,6 +8,7 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
+    "local-preview": "serve -s dist",
     "server": "json-server -w src/server/db.json -p 3001"
   },
   "dependencies": {

src/pages/Home.vue

@@ -57,7 +57,7 @@ const getWeatherData = async () => {
       searchStore.lastSearch = searchStore.curWeather.location.name;
     })
     .catch((err) => {
-      console.log(err);
+      console.error(err);
     })
     .finally(() => {
       searchStore.loading = false;
@@ -72,7 +72,7 @@ const fetchAstroData = async () => {
       searchStore.astroInfo = res.data;
     })
     .catch((err) => {
-      console.log(err);
+      console.error(err);
     })
     .finally(() => {
       searchStore.astroLoading = false;
@@ -93,7 +93,7 @@ const getHistoryDay = async () => {
       searchStore.minTemp = res.data.forecast.forecastday[0].day.mintemp_c;
     })
     .catch((err) => {
-      console.log(err);
+      console.error(err);
     })
     .finally(() => {});
 };

src/router/router.js

@@ -9,13 +9,13 @@ import Dashboard from "@/pages/Dashboard.vue";
 import Post from "@/pages/Post.vue";
 
 const routes = [
-  { path: "/forecast/", name: "Home", component: Home },
-  { path: "/forecast/error", name: "Error", component: Error },
-  { path: "/forecast/tomorrow", name: "Tomorrow", component: Tomorrow },
-  { path: "/forecast/history", name: "History", component: History },
-  { path: "/forecast/dashboard", name: "Dashboard", component: Dashboard },
+  { path: "/", name: "Home", component: Home },
+  { path: "/error", name: "Error", component: Error },
+  { path: "/tomorrow", name: "Tomorrow", component: Tomorrow },
+  { path: "/history", name: "History", component: History },
+  { path: "/dashboard", name: "Dashboard", component: Dashboard },
   {
-    path: "/forecast/news",
+    path: "/news",
     name: "News",
     component: News,
     children: [

vite.config.js

@@ -11,7 +11,7 @@ import { PrimeVueResolver } from "unplugin-vue-components/resolvers";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: "/forecast/",
+  base: process.env.NODE_ENV === "production" ? "/forecast/" : "/",
   plugins: [
     vue(),
     ViteImageOptimizer({