diff --git a/packages/vite/src/node/plugins/dataUri.ts b/packages/vite/src/node/plugins/dataUri.ts
index c2a71a88ca14d1..9560700a5fd80e 100644
--- a/packages/vite/src/node/plugins/dataUri.ts
+++ b/packages/vite/src/node/plugins/dataUri.ts
@@ -22,7 +22,7 @@ export function dataURIPlugin(): Plugin {
     },
 
     resolveId(id) {
-      if (!dataUriRE.test(id)) {
+      if (!id.trimStart().startsWith('data:')) {
         return
       }
 
diff --git a/playground/data-uri/index.html b/playground/data-uri/index.html
index 597c3a204f36c9..3794f74db4ea3e 100644
--- a/playground/data-uri/index.html
+++ b/playground/data-uri/index.html
@@ -1,5 +1,6 @@
 <div class="plain"></div>
 <div class="base64"></div>
+<div class="comma"></div>
 
 <script type="module">
   import msg from "data:text/javascript, export default 'hi'"
@@ -8,6 +9,9 @@
   import base64Msg from 'data:text/javascript;base64, ZXhwb3J0IGRlZmF1bHQgJ2hpJw=='
   text('.base64', base64Msg)
 
+  import { comma } from 'comma/foo?number=1,2,3'
+  text('.comma', comma)
+
   function text(el, text) {
     document.querySelector(el).textContent = text
   }
diff --git a/playground/data-uri/vite.config.js b/playground/data-uri/vite.config.js
new file mode 100644
index 00000000000000..67d43b61015b13
--- /dev/null
+++ b/playground/data-uri/vite.config.js
@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    {
+      name: 'post-plugin',
+      enforce: 'post',
+      resolveId(id) {
+        if (id.replace(/\?.*$/, '') === 'comma/foo') {
+          return id
+        }
+      },
+      load(id) {
+        if (id.replace(/\?.*$/, '') === 'comma/foo') {
+          return `export const comma = 'hi'`
+        }
+      },
+    },
+  ],
+})