assets/js/api-host.js

@@ -0,0 +1 @@
+export let api_host = 'http://localhost:5291';

layouts/default.vue

@@ -535,8 +535,7 @@
 import { ref, onMounted } from 'vue'
 import { useHead } from "#app";
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 
 useHead({

layouts/defaultmanager.vue

@@ -533,8 +533,7 @@
 <script setup>
 import { useHead } from "#app";
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 
 useHead({

nuxt.config.ts

@@ -2,9 +2,5 @@
 export default defineNuxtConfig({
   compatibilityDate: '2024-11-01',
   devtools: { enabled: true },
-  runtimeConfig: {
-    public: {
-      apiHost: 'http://localhost:5291',
-    }
-  }
+  plugins: ['~/plugins/api-host.js']
 })

pages/Home_pages/index.vue

@@ -87,9 +87,7 @@
 import { useHead,useState } from "#app";
 import { ref } from "vue";
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();
-const $api_host = config.public.apiHost;
-
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 
 definePageMeta({

pages/Lamiter_pages/Company-[guid].vue

@@ -77,8 +77,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();//匯入 API
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 // 🔐 定義全域 token
 const authToken = ref("");

pages/Lamiter_pages/Company_Control_page.vue

@@ -72,8 +72,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 // 🔐 定義全域 token
 const authToken = ref("");

pages/Lamiter_pages/index.vue

@@ -339,8 +339,7 @@
 <script setup>
 
 import { onMounted } from "vue";
-const config = useRuntimeConfig();//匯入 API
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp();
 
 definePageMeta({
   layout: "default", // 指定自定義的佈局名稱

pages/Manage_pages/Health_Control_page.vue

@@ -72,8 +72,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();//匯入 API
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 const authToken = ref("");// 🔐 定義全域 token
 

pages/Manage_pages/health_person-[guid].vue

@@ -32,8 +32,7 @@
   <script setup>
 import { ref, onMounted } from 'vue'
 import { useRouter } from "vue-router"; //匯入路徑
-const config = useRuntimeConfig();//匯入 API
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); //匯入API host
 const router = useRouter(); // 匯入
 const authToken = ref("");// 🔐 定義全域 token
 

pages/index.vue

@@ -4,8 +4,7 @@
 import { useHead } from "#app"; // 匯入 Head
 import { ref, onMounted } from "vue"; // 開機自啟
 import { useRouter } from "vue-router"; // 匯入路由
-const config = useRuntimeConfig();
-const $api_host = config.public.apiHost;
+const { $api_host } = useNuxtApp(); // 匯入 API host
 const router = useRouter(); // 匯入路由
 
 definePageMeta({

plugins/api-host.js

@@ -0,0 +1,4 @@
+export default defineNuxtPlugin(nuxtApp => {
+    // 定義 api_host 為全局變數
+    nuxtApp.provide('api_host', 'http://localhost:5291');
+  });