更改API 匯入方式

nuxt.config.ts

@@ -2,5 +2,10 @@
 export default defineNuxtConfig({
   compatibilityDate: '2024-11-01',
   devtools: { enabled: true },
-  plugins: ['~/plugins/api-host.js']
+  plugins: ['~/plugins/api-host.js'],
+  runtimeConfig: {
+    public: {
+      apiHost: process.env.NUXT_PUBLIC_API_HOST || '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({