devProxy websocket not working

Environment

• Operating System: Windows_NT
• Node Version: v16.18.0
• Nuxt Version: 3.0.0-rc.13
• Nitro Version: 0.6.1
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: modules, experimental, css, colorMode, nitro
• Runtime Modules: @vueuse/nuxt@9.5.0, @unocss/nuxt@0.46.3, @pinia/nuxt@0.4.3, @nuxtjs/color-mode@3.1.8
• Build Modules: -

Reproduction

https://github.com/huuhait/github-5pp8lm

Describe the bug

The devProxy not working for websocket

Additional context

Websocket URL: wss://demo.zsmartex.com/api/v2/websocket/public Test url: https://demo.zsmartex.com/

Local proxy URL: ws://localhost:8080/api/v2/websocket/public

Logs

No response

[danielroe]

cc: @pi0

[jaydrogers]

Adding a note on this thread since I accidentally placed it on a Nuxt V2 issue:

I met with @danpastori on the phone and we went through this via screen sharing for 2+ hours.

Problem we are experiencing

• The page will constantly refreshes in development because it’s trying to find wss://0.0.0.0:4000/ws

Attempted solutions

• We attempted to use devProxy which was recommended by @danielroe here: https://github.com/nuxt/framework/issues/8303#issuecomment-1307246514

Our nuxt.config.ts:

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
    modules: [
        '@nuxt/content',
        '@nuxtjs/tailwindcss',
        '@pinia/nuxt',
        '@vueuse/nuxt',
    ],

    runtimeConfig: {
        public: {
            API_BASE_URL: process.env.API_BASE_URL,
            BASE_URL: process.env.BASE_URL
        }
    },

    imports: {
        dirs: ["./utils"],
    },

    content: {
        
    },

    nitro: {
        devProxy: {
            '/ws': { target: 'https://bugflow.dev.test/ws', changeOrigin: true, ws: true }
        }
    }
})

Actual results

• Using devProxy seem to not have any affect on changing the URL