فهرست منبع

fix(frontend): 文章详情页 config.API_BASE_URL 白屏 + H5 静态资源 404

1. article-detail.vue 模板 :domain="config.API_BASE_URL" 改用 computed apiBaseUrl:
   Vue 模板绑定解析为实例属性 this.config,组件 data/computed 未定义 config
   → undefined.API_BASE_URL 抛 TypeError,render 中断文章详情页白屏。
   经 computed 暴露 API 域名;方法内仍用模块级 config(闭包引用正常)。
2. public/index.html 删除硬编码 dev 入口 <script src="/main.js">:
   uni-app build 产物 html-webpack-plugin 已注入 bundle,该行残留致 /main.js 404。
3. static/default-article.png 新增占位图:13 处代码 fallback 引用此文件但缺失 → 404。
   与既有 default-*.png 同规格 1x1 RGBA。
iwt 1 هفته پیش
والد
کامیت
a702e99219

+ 0 - 1
cfc-frontend/index.html

@@ -26,6 +26,5 @@
 </head>
 <body>
     <div id="app"><!--app-html--></div>
-    <script type="module" src="/main.js"></script>
 </body>
 </html>

+ 7 - 1
cfc-frontend/pages/article-center/article-detail.vue

@@ -39,7 +39,7 @@
           <text class="detail-summary-text">{{ article.summary }}</text>
         </view>
         <view class="divider"></view>
-        <view class="detail-body"><mp-html :content="article.content" :domain="config.API_BASE_URL" :tag-style="contentTagStyle" /></view>
+        <view class="detail-body"><mp-html :content="article.content" :domain="apiBaseUrl" :tag-style="contentTagStyle" /></view>
 
         <!-- 内容关联(相关文章 / 相关活动 / 相关商品,按标签匹配;无匹配整块隐藏,触底分页加载) -->
         <related-content ref="relatedContent" source-type="article" :source-id="articleId" />
@@ -138,6 +138,12 @@ export default {
     }
   },
   computed: {
+    // 模板中无法直接访问模块级 import 的 config(Vue 模板绑定解析为实例属性 this.config,实例上无此属性
+    // → undefined.API_BASE_URL 抛错,导致文章详情页渲染中断)。经 computed 暴露 API 域名供模板使用;
+    // 方法内仍可直接用模块级 config(函数作用域闭包引用,正常)。
+    apiBaseUrl() {
+      return config.API_BASE_URL
+    },
     contentTagStyle() {
       var scale = this.fontScale || 1
       var fontSize = 32 * scale

+ 0 - 1
cfc-frontend/public/index.html

@@ -26,6 +26,5 @@
 </head>
 <body>
     <div id="app"><!--app-html--></div>
-    <script type="module" src="/main.js"></script>
 </body>
 </html>

BIN
cfc-frontend/static/default-article.png