Vite dev proxy not proxying

Question

我有一个nuxt3 web应用程序。出于开发目的，我想代理来自"/whatever"的请求。以"localhost: 3033"。我试着通过他们的文档(https://vitejs.dev/config/server-options.html#server-proxy)中描述的虚拟服务器选项来做到这一点。所以我的next .config.ts是这样的:

export default defineNuxtConfig({
vite: {
server: {
proxy: {
'/whatever': 'http://localhost:3033/',
}
}
}
})

更改配置后，我重新启动yarn dev以确保所有内容都重新加载。

如果我去"http://localhost:3000/whatever"我只收到"欢迎来到nuxt"页面(我在一个空项目中测试了这一点)。或者如果我在pages: true的主要项目中这样做，我得到404。

你知道问题可能在哪里吗?

Answer 1

在接下来的3个rc中，这对我有用:

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

Answer 2

我解决了这个问题，不使用vite devProxy，而是使用硝基代理，如下所示:

nitro: {
devProxy: {
"/whatever": "http://127.0.0.1:3033/",
}
},