Skip to content

Nuxt3 添加代理

typescript
// nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/proxy/**': { proxy: {to: 'http://localhost:9300/**'} },
  }
})

key 和 代理的地址后面都需要加上 /**

在接口请求的地方,都需要加上/proxy才可以启用代理。

也可以使用环境变量的方式设置代理值:

typescript
routeRules: {
  [process.env.NUXT_BASE_API as string]: {
    proxy: {
      to: `${process.env.NUXT_HTTP_URL}${process.env.NUXT_BASE_API}`,
    },
  },
},

使用环境变量会更好维护。

/src/nuxt/Nuxt3%E6%B7%BB%E5%8A%A0%E4%BB%A3%E7%90%86.html