如何在 Nuxt3 中设置代理？答案

【问题标题】：How do I set proxy in Nuxt3?如何在 Nuxt3 中设置代理？
【发布时间】：2023-01-04 17:46:55
【问题描述】：

我尝试启动一个 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
        }
    }
  }
})

但这仍然行不通。我能做些什么来解决这个问题？谢谢！！！

【问题讨论】：

标签： vue.js proxy nuxt.js vite nuxtjs3

【解决方案1】：

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

【讨论】：