Vite dev 代理不代理答案

【问题标题】：Vite dev proxy not proxyingVite dev 代理不代理
【发布时间】：2023-01-12 18:08:57
【问题描述】：

我有一个 nuxt3 网络应用程序。出于开发目的，我想将请求从“/whatever”代理到“localhost:3033”。我尝试通过他们的文档 (https://vitejs.dev/config/server-options.html#server-proxy) 中描述的 vite 服务器选项来做到这一点。所以我的 nuxt.config.ts 看起来像这样：

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

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

但是，如果我转到“http://localhost:3000/whatever”，我只会看到“欢迎使用 Nuxt”页面（我在一个空项目中对此进行了测试）。或者，如果我在我的主项目中使用 pages: true 执行此操作，我会得到 404。

关于问题可能出在哪里的任何想法？

【问题讨论】：

标签： vuejs3 vite nuxt3

【解决方案1】：

我通过不使用 vite dev 代理解决了这个问题，而是通过 nitro 解决了这个问题，如下所示：

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

【讨论】：