SyntaxError - SFC's CSS Interpreted as JS

[titouandk]

Vue version

3.5.13

Link to minimal reproduction

NA

Steps to reproduce

I am developing a Vue app on a private cloud solution.

On /, I get a VS Code web IDE.
On /proxy/5050/, I have a reverse proxy forwarding the requests to the Vite dev server.

What is expected?

I have a simple component AppBanner called from my Vue app:

<template>
  <header role="banner" class="test">
    hello
  </header>
</template>

<style scoped lang="css">
.test {
  background-color: red;
}
</style>

What is actually happening?

The component's CSS seems to be interpreted as JS by the browser (Firefox):

The request sent by the browser (to the proxy, that redirects it to the Vite server):

GET /proxy/5050/src/components/AppBanner.vue?vue&type=style&index=0&scoped=f8019c3b&lang.css HTTP/2
Host: ...
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:128.0) Gecko/20100101 Firefox/128.0
Accept: */*
Accept-Language: fr,fr-FR;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate, br, zstd
Referer: https://DevServerExampleUrl.fr/proxy/5050/src/components/AppBanner.vue
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-origin
Connection: keep-alive
Cookie: ...
TE: trailers

The response received by the browser (from the Vite server, transiting via the proxy):

HTTP/2 304 
server: nginx/1.18.0 (Ubuntu)
date: ...
access-control-allow-origin: *
X-Firefox-Spdy: h2

System Info

Any additional comments?

No response

[edison1105]

This seems to be an nginx configuration issue, not a vuejs/core bug