4

server/api/article/[id].ts

@@ -22,6 +22,7 @@ export interface IArticle {
   views: number;
   content: string;
   channel: IChannel;
+  outlink?: string;
 }
 
 export default defineEventHandler<EventHandlerRequest, Promise<IResponse<IArticle>>>(async (event) => {

src/pages/channel/[id].vue

@@ -75,7 +75,8 @@
               <SimplePageContentLoader :loader="articlesData">
                 <div class="news-list">
                   <div v-for="(item, key) in articlesData.content.value?.items" :key="key" class="news-item">
-                    <router-link :to="'/page/' + item.id" class="title">{{ item.title }}</router-link>
+                    <a v-if="item.outlink" :href="item.outlink" target="_blank">{{ item.title }}</a>
+                    <router-link v-else :to="'/page/' + item.id" class="title">{{ item.title }}</router-link>
                     <span class="date">{{ DateUtils.formatDate(new Date((item.createtime ||item.publishtime) * 1000), 'yyyy-MM-dd') }}</span>
                   </div>
                   <div v-if="!articlesData.content.value || articlesData.content.value.empty" class="no-news">暂无相关文章</div>

src/pages/channel/laws.vue

@@ -57,7 +57,9 @@
                     :key="key" 
                     class="news-item dark"
                   >
+                    <a v-if="item.outlink" :href="item.outlink" target="_blank">{{ item.title }}</a>
                     <router-link 
+                      v-else
                       :to="'/page/' + item.id"
                       class="title"
                     >