如何在 Nuxt3 中设置代理？

Question

我尝试启动 nuxt3 程序，现在我想设置服务器代理。对 http://localhost:3000/api/v1 的请求应该会从http://39.98.58.238:8594上的后端服务器返回响应，但现在它给了我一个 404 页面。

首先，我按照 vite.js 文档设置 nuxt.config.js 文件

nuxt.config.js

export default defineNuxtConfig({  
  ...  
  vite: {
    server: {
      proxy: {
        '/api': {
          target: 'http://39.98.58.238:8594',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, '')
        }
      },
    }
  },
})

页

<script setup>
  async function test() {
   await usefetch('/api/v1/xxx')
  }
</script>
<template>
  <div>
    <button @click="test">check</button>
  </div>
</template>

它不起作用，我的请求返回了 404 页面。然后我尝试遵循这个问题：text，不要使用vite代理

nuxt.config.js

export default defineNuxtConfig({
  nitro: {
    devProxy: {
        '/api/': {
            target: 'http://39.98.58.238:8594/',
            changeOrigin: true
        }
    }
  }
})

但还是不行。我可以做什么来解决这个问题？谢谢！！！

Answer 1

对于那些仍然想知道如何在生产模式下执行此操作的人。我相信答案是

\n

export default defineNuxtConfig({\n  nitro: {\n    routeRules: {\n      \'/proxy/example\': { proxy: \'http://39.98.58.238:8594\' },\n      "/proxy/**": { proxy: \'/api/**\' },\n    }\n  }\n})\n

\n

您可以在此处找到文档\xe2\x9a\xa0\xef\xb8\x8f 实验！

\n

Answer 2

   export default defineNuxtConfig({  
        nitro: {
            devProxy: {
                "/devApi": {
                    target:"your url",
                    changeOrigin: true,
                    prependPath: true,
                }
            }
        },
    })