編輯API 方式

assets/js/api-host.js

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

layouts/default.vue

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

layouts/defaultmanager.vue

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

nuxt.config.ts

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

pages/Home_pages/index.vue

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

pages/Lamiter_pages/Company-[guid].vue

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

pages/Lamiter_pages/Company_Control_page.vue

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

pages/Lamiter_pages/index.vue

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

pages/Manage_pages/Health_Control_page.vue

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

pages/Manage_pages/health_person-[guid].vue

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

pages/index.vue

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

plugins/api-host.js

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