feat:#1 文章详情

pages/post/[postid].vue

@@ -0,0 +1,95 @@
+<template>
+  <div id="post" class="post-default">
+    <!-- 导航 -->
+    <!--
+    <el-breadcrumb separator="/">
+      <el-breadcrumb-item
+          v-for="item in items"
+          :key="item.text"
+          :to="item.to"
+      >
+        {{ item.text }}
+      </el-breadcrumb-item>
+    </el-breadcrumb>
+    -->
+
+    <!-- 文章标题 -->
+    <div id="postTitle">
+      <div class="title-text">
+        {{ postObj.title }}
+      </div>
+      <input type="hidden" :value="postObj.postid"/>
+    </div>
+
+    <!-- 文章详情 -->
+    <div
+        id="postContent"
+        v-html="postObj.description"
+    ></div>
+
+    <div class="copy">
+      <p>作者：Terwer</p>
+      <p>首发：浅海拾贝</p>
+      <p>
+        原创内容，转载请注明出处！
+      </p>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import logUtil from "~/lib/logUtil";
+import {SERVER_API_CONSTANTS} from "~/lib/constants/serverApiConstants";
+import {Post} from "~/lib/common/post";
+
+const route = useRoute()
+let postObj = new Post()
+
+let postUrl = SERVER_API_CONSTANTS.SERVER_API_GET_POST;
+if (route.query.t) {
+  postUrl = postUrl + "?t=" + route.query.t
+}
+if (route.params.postid) {
+  let pid = route.params.postid.toString()
+  if (pid.indexOf(".html") > -1) {
+    pid = pid.replace(".html", "")
+  }
+  if (postUrl.indexOf("?") > -1) {
+    postUrl = postUrl + "&"
+  } else {
+    postUrl = postUrl + "?"
+  }
+  postUrl = postUrl + "postid=" + pid
+}
+const {data} = await useFetch(postUrl, {initialCache: false})
+// @ts-ignore
+postObj = data.value.data
+logUtil.logInfo(postUrl + " data=>", data.value)
+</script>
+
+<script lang="ts">
+export default {
+  name: "post"
+}
+</script>
+
+<style scoped>
+#post-detail-body {
+  min-width: 600px !important;
+}
+
+#post-detail-body h1{
+  padding: 0;
+}
+
+#post-detail-body .btn-publish {
+  /*margin-left: 10px;*/
+  cursor: pointer;
+  padding: 10px 0;
+}
+
+#postTitle .title-text{
+  font-size: 32px;
+  color: var(--el-color-primary);
+}
+</style>

server/api/endpoint/getPost.ts

@@ -3,12 +3,16 @@ import {API} from "~/lib/api";
 
 export default defineEventHandler(async (event) => {
     const query = useQuery(event)
+
     if (query.t instanceof Array) {
         throw new Error("参数类型错误")
     }
-
     const type = query.t || API_TYPE_CONSTANTS.API_TYPE_WORDPRESS
-    const postid = "1"
+
+    if (query.postid instanceof Array) {
+        throw new Error("参数类型错误")
+    }
+    const postid = query.postid || "1"
 
     const env = useRuntimeConfig()
     console.log('Runtime env:', env)

yarn.lock

@@ -1071,11 +1071,6 @@
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.4.tgz#0b024fc8ca91bb4b6035abaf53c5aecc17119b3b"
   integrity sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw==
 
-"@vue/devtools-api@^6.4.4":
-  version "6.4.4"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.4.tgz#0b024fc8ca91bb4b6035abaf53c5aecc17119b3b"
-  integrity sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw==
-
 "@vue/reactivity-transform@3.2.40":
   version "3.2.40"
   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.40.tgz#dc24b9074b26f0d9dd2034c6349f5bb2a51c86ac"
@@ -3591,9 +3586,9 @@ pify@^2.3.0:
   resolved "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
-pinia@>=2.0.23, pinia@^2.0.22:
+pinia@>=2.0.23, pinia@^2.0.23:
   version "2.0.23"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.0.23.tgz#570f5f82160b656b412602789683faa95502d227"
+  resolved "https://registry.npmmirror.com/pinia/-/pinia-2.0.23.tgz#570f5f82160b656b412602789683faa95502d227"
   integrity sha512-N15hFf4o5STrxpNrib1IEb1GOArvPYf1zPvQVRGOO1G1d74Ak0J0lVyalX/SmrzdT4Q0nlEFjbURsmBmIGUR5Q==
   dependencies:
     "@vue/devtools-api" "^6.4.4"