@quicktvui/web-cli 2.3.0 → 2.4.1

package/templates/dev-renderer.html

@@ -302,11 +302,16 @@
 
       /**
        * 判断 URL 是否为跨域请求（需要代理）
+       * 排除 data:, blob:, javascript:, about: 等非 HTTP 协议 URL
        */
       function isCrossOrigin(url) {
-        if (!url) return false;
+        if (!url || typeof url !== 'string') return false;
+        // 非网络协议的 URL 不需要代理
+        if (/^(data|blob|javascript|about):/i.test(url)) return false;
         try {
           var urlObj = new URL(url, window.location.href);
+          // 非 http/https 协议也不代理
+          if (urlObj.protocol !== 'http:' && urlObj.protocol !== 'https:') return false;
           return urlObj.origin !== LOCAL_ORIGIN;
         } catch (e) {
           return false;
@@ -320,6 +325,8 @@
       function toProxyUrl(url) {
         try {
           var urlObj = new URL(url, window.location.href);
+          // 只代理 http/https 协议
+          if (urlObj.protocol !== 'http:' && urlObj.protocol !== 'https:') return url;
           var proxyPath = '/proxy/' + urlObj.protocol.replace(':', '') + '/' + urlObj.host + urlObj.pathname + urlObj.search + urlObj.hash;
           return proxyPath;
         } catch (e) {
@@ -327,11 +334,32 @@
         }
       }
 
+      // ===== 38989 debug server URL 转换 =====
+      // es3-vue 在非生产环境下会将 assets/xxx 转换为 http://127.0.0.1:38989/assets/xxx
+      // 但在 web 环境下这些资源就在 dist/dev/assets/ 中，应转为相对路径
+      var DEBUG_SERVER_RE = /https?:\/\/[^/:]+:38989\//;
+      function convertDebugServerUrl(url) {
+        if (typeof url === 'string' && DEBUG_SERVER_RE.test(url)) {
+          var converted = url.replace(DEBUG_SERVER_RE, './');
+          console.log('[DevProxy] 38989 URL converted:', url, '->', converted);
+          return converted;
+        }
+        return null;
+      }
+
       // ===== 拦截 fetch =====
       var originalFetch = window.fetch;
       window.fetch = function(input, init) {
         var url = (typeof input === 'string') ? input : (input && input.url ? input.url : input);
-        if (isCrossOrigin(url)) {
+        // 优先处理 38989 debug server URL → 相对路径
+        var debugConverted = convertDebugServerUrl(url);
+        if (debugConverted) {
+          if (typeof input === 'string') {
+            input = debugConverted;
+          } else if (input instanceof Request) {
+            input = new Request(debugConverted, init || {});
+          }
+        } else if (isCrossOrigin(url)) {
           var proxyUrl = toProxyUrl(url);
           console.log('[DevProxy] fetch:', url, '->', proxyUrl);
           if (typeof input === 'string') {
@@ -346,7 +374,11 @@
       // ===== 拦截 XMLHttpRequest =====
       var originalXHROpen = XMLHttpRequest.prototype.open;
       XMLHttpRequest.prototype.open = function(method, url, async, user, password) {
-        if (isCrossOrigin(url)) {
+        // 优先处理 38989 debug server URL → 相对路径
+        var debugConverted = convertDebugServerUrl(url);
+        if (debugConverted) {
+          url = debugConverted;
+        } else if (isCrossOrigin(url)) {
           var proxyUrl = toProxyUrl(url);
           console.log('[DevProxy] XHR:', url, '->', proxyUrl);
           url = proxyUrl;
@@ -360,6 +392,11 @@
         Object.defineProperty(HTMLImageElement.prototype, 'src', {
           ...originalImageSrcDescriptor,
           set(value) {
+            // 优先处理 38989 debug server URL → 相对路径
+            var debugConverted = convertDebugServerUrl(value);
+            if (debugConverted) {
+              return originalImageSrcDescriptor.set.call(this, debugConverted);
+            }
             if (isCrossOrigin(value)) {
               var proxyUrl = toProxyUrl(value);
               console.log('[DevProxy] Image:', value, '->', proxyUrl);