Vite proxy not working in SPA mode (Nuxt 3.5.2) #33660

resuscitate · 2025-11-05T10:02:24Z

resuscitate
Nov 5, 2025

Version

Nuxt: 3.5.2
Node.js: 22.18.0
OS: Windows 10

Problem Description

I'm using Nuxt 3.5.2 in SPA mode (ssr: false).
My goal is to proxy API requests during development using Vite's server.proxy config.
However, the proxy doesn't work: all /api requests are sent to my Nuxt frontend port instead of being correctly proxied.

Related Configuration

nuxt.config.ts (partial):

export default defineNuxtConfig({
  ssr: false,
  devServer: {
    host: '0.0.0.0',
    port: 3041,
  },
  vite: {
    server: {
      proxy: {
        '/api': {
          target: 'http://10.16.50.179:3000/',
          changeOrigin: true,
        },
      },
    },
  },
  // ... other config
})

package.json (partial):

  "devDependencies": {
    "nuxt": "^3.5.2",
    "vite": "...",
    "@pinia/nuxt": "^0.4.11",
    "@nuxtjs/eslint-module": "^4.1.0",
    // ...
  },

Expected Behavior

During development, /api requests should be proxied to the backend server, not to Nuxt's dev server.

Actual Behavior

/api requests go to Nuxt's frontend server (localhost:3041) and return the app's HTML, not backend API data.
Example response when requesting /api:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        ...
        <script type="module" src="/_nuxt/@vite/client" crossorigin></script>
        ...
    </head>
    <body>
        <div id="__nuxt"></div>
        <div id="teleports"></div>
        ...
        <script>
            window.__NUXT__ = {};
            window.__NUXT__.config = {
                public: {
                    JT_SYS_NAME: "xnfb",
                    JT_APP_BASE_URL: "/",
                    JT_API_PREFIX: "/api",
                    JT_AVATAR_FLAG: "ali"
                },
                app: {
                    baseURL: "/",
                    buildId: "dev",
                    buildAssetsDir: "/_nuxt/",
                    cdnURL: ""
                }
            }
        </script>
    </body>
</html>

This looks like the Nuxt app's HTML, not an API response.

Additional Details

I've tried changing the proxy target, restarting the dev server, disabling SSR, removing/additional rewrite, but nothing worked.
No custom server middlewares.

Environment

Node.js: 22.18.0
OS: Windows 10
Browser: Chrome 141.0.0.0

Is Vite proxy supported for Nuxt3 SPA mode?
Is there a workaround for proxying API requests in Nuxt3 SPA, or am I missing something in configuration?

cannap · 2025-11-06T08:25:58Z

cannap
Nov 6, 2025

its a known issue they work on a Patch to fix this

1 reply

resuscitate Nov 7, 2025
Author

@cannap I understand, thank you for your reply.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Vite proxy not working in SPA mode (Nuxt 3.5.2) #33660

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Uh oh!

Vite proxy not working in SPA mode (Nuxt 3.5.2) #33660

Uh oh!

Uh oh!

resuscitate Nov 5, 2025

Version

Problem Description

Related Configuration

Expected Behavior

Actual Behavior

Additional Details

Environment

Replies: 1 comment · 1 reply

Uh oh!

cannap Nov 6, 2025

Uh oh!

Uh oh!

resuscitate Nov 7, 2025 Author

resuscitate
Nov 5, 2025

Replies: 1 comment 1 reply

cannap
Nov 6, 2025

resuscitate Nov 7, 2025
Author