frontend生产环境添加后端代理配置

app/frontend/app.vue

@@ -7,20 +7,7 @@
 import { request } from 'keq'
 const config = useRuntimeConfig()
 
-if (process.server) {
+if (config.apiBaseOrigin) {
   request.baseOrigin(config.apiBaseOrigin)
-
-  request
-    .useRouter()
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    .module('backend', async (ctx, next) => {
-      try {
-        await next()
-      } catch (e) {
-        /* eslint-disable-next-line no-console */
-        console.log(e)
-        throw e
-      }
-    })
 }
 </script>

app/frontend/dockerfile

@@ -2,6 +2,7 @@ FROM ghcr.io/buka-lnc/nodejs-slim:18 as builder
 
 ARG PORT=80
 ARG API_BASE_ORIGIN=http://backend-svc
+ARG BACKEND_HOST=localhost:8080
 
 COPY . /repo
 WORKDIR /repo

app/frontend/nuxt.config.ts

@@ -3,6 +3,8 @@ import plugin from 'tailwindcss/plugin'
 import themes from 'daisyui/src/theming/themes'
 import colors from 'tailwindcss/colors'
 
+const backendHost = process.env.BACKEND_HOST || 'localhost:8080'
+
 export default defineNuxtConfig({
   devtools: { enabled: false },
   app: {},
@@ -23,10 +25,9 @@ export default defineNuxtConfig({
   ],
 
   nitro: {
-    devProxy: {
-      '/api': {
-        target: 'http://localhost:8080/api',
-        changeOrigin: false,
+    routeRules: {
+      '/api/**': {
+        proxy: `http://${backendHost}/api/**`,
       },
     },
   },

docker-compose.yaml

@@ -4,6 +4,8 @@ services:
     image: ghcr.io/buka-lnc/opendoc-frontend:latest
     ports:
       - "3000:3000"
+    environment:
+      BACKEND_HOST: backend:8080
   backend:
     image: ghcr.io/buka-lnc/opendoc-backend:latest
     ports: