优化

assets/css/main.css

@@ -6,8 +6,8 @@
 body {
     margin: 0;
     font-family: Inter, "Inter Fallback: Arial",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
-    font-size: 14px;
-    line-height: 140%;
+    font-size: 15px;
+    line-height: 1.4rem;
 }
 
 ul, li {
@@ -19,6 +19,10 @@ a {
     color: #333333;
 }
 
+a:hover{
+    color: #cf1313;
+}
+
 h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
 }

components/AppFooter.vue

@@ -8,6 +8,7 @@
   <footer class="text-center py-10">
     Copyright {{ new Date().getFullYear() }} {{ config?.siteName }} Inc. All Rights Reserved.
     <a href="https://beian.miit.gov.cn/" target="_blank" class="ml-10"> 备案号：{{ config?.icpNo }}</a>
+    <a class="ml-3 cursor-pointer" @click="reload">刷新</a>
   </footer>
 </template>
 
@@ -21,10 +22,14 @@ const config = ref<Config>()
 
 // 获取数据
 const reload = async () => {
-  await nextTick()
   const { data: fields } = await useRequest<ApiResult<Config>>('/cms/website-field/config', {})
   config.value = fields.value?.data;
+  ElMessage.success('刷新成功')
 }
 
 reload();
 </script>
+
+<style lang="scss">
+
+</style>

components/AppHeader.vue

@@ -1,6 +1,6 @@
 <template>
-  <header class="header bg-black">
-    <div class="container between">
+  <header class="header bg-black fixed z-10 w-full">
+    <div class="container flex between">
       <div class="header__left flex">
         <div class="logo w-[180px] flex items-center" @click="reload">
           <nuxt-link v-if="config?.siteLogo" to="/">
@@ -10,7 +10,7 @@
               <text>{{ config?.siteName || '网宿软件' }}</text>
           </nuxt-link>
         </div>
-        <div v-if="route.path.indexOf('/user') === -1" class="hidden-sm-and-down">
+        <nav v-if="route.path.indexOf('/user') === -1" class="hidden-sm-and-down">
           <el-menu
               :default-active="currentIndex"
               mode="horizontal"
@@ -19,6 +19,7 @@
               active-text-color="#ffd04b"
               :collapse="true"
               :ellipsis="false"
+              style="border-bottom: none"
               @select="handleSelect"
           >
             <template v-for="(item, index) in navigations">
@@ -48,23 +49,7 @@
               </template>
             </el-sub-menu>
           </el-menu>
-        </div>
-<!--        <nav v-if="route.path.indexOf('/user') === -1" class="hidden-sm-and-down">-->
-<!--          <ul>-->
-<!--            <li-->
-<!--                v-for="item in navigations"-->
-<!--                :key="item.navigationId"-->
-<!--                class="relative"-->
-<!--                :class="route.path === item.path ? 'active' : ''"-->
-<!--            >-->
-<!--              <nuxt-link v-if="item.target === '_blank'" :to="item.path" target="_blank">{{ item.title }}</nuxt-link>-->
-<!--              <nuxt-link v-else :to="`${item.path}`">{{ item.title }}</nuxt-link>-->
-<!--              <div class="absolute  p-2 h-[100px]" v-if="item.children">-->
-<!--                <nuxt-link v-for="(sub,index2) in item.children" :to="`${sub.path}`">{{ sub.title }}</nuxt-link>-->
-<!--              </div>-->
-<!--            </li>-->
-<!--          </ul>-->
-<!--        </nav>-->
+        </nav>
       </div>
       <div class="header__right items-center">
         <el-input
@@ -164,4 +149,5 @@ reload();
 </script>
 
 <style lang="scss">
+
 </style>

composables/useRequest.ts

@@ -19,7 +19,7 @@ export const useRequest = <T>(url: string, opts?: UseFetchOptions<T, unknown>) =
       if (token.value) {
         options.headers.Authorization = token.value;
       }
-      options.headers.tenantid = `${TENANT_ID}`;
+      options.headers.tenantid = `5`;
     },
     onResponse({ response }) {
       if (+response.status === 0 && +response._data.code !== 0) {

ecosystem.config.cjs

@@ -2,7 +2,7 @@ module.exports = {
     apps: [
         {
             name: '网宿软件',
-            port: '10198',
+            port: '10123',
             exec_mode: 'cluster',
             instances: 'max',
             script: './.output/server/index.mjs'

nuxt.config.ts

@@ -24,19 +24,19 @@ export default defineNuxtConfig({
         }
     },
     devServer: {
-        port: 10189
+        port: 10123
     },
 
-    nitro: {
-        devProxy: {
-            "/api": {
-                target: 'http://127.0.0.1:9001/api',
-                prependPath: true,
-                changeOrigin: true,
-            }
-
-        }
-    }
+    // nitro: {
+    //     devProxy: {
+    //         "/api": {
+    //             target: 'http://127.0.0.1:9001/api',
+    //             prependPath: true,
+    //             changeOrigin: true,
+    //         }
+    //
+    //     }
+    // }
 
     // runtimeConfig: {
     //     public: {

pages/[custom]/index.vue

@@ -2,15 +2,17 @@
   <div class="banner" v-if="form">
     <el-image :src="form.photo"></el-image>
   </div>
-  <div v-if="form" class="container flex flex-col w-[1280px] m-auto">
-    <el-breadcrumb class="my-5" separator="/">
-      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-      <el-breadcrumb-item>{{ form.name }}</el-breadcrumb-item>
-    </el-breadcrumb>
-    <div class="w-7xl m-auto bg-gray-50">
+  <div class="container">
+    <div v-if="form" class="flex flex-col w-[1280px] m-auto bg-white">
+      <el-breadcrumb class="my-5" separator="/">
+        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+        <el-breadcrumb-item>{{ form.name }}</el-breadcrumb-item>
+      </el-breadcrumb>
+      <div class="w-7xl m-auto bg-gray-50">
         <div class="title text-3xl text-center py-10">{{ form.name }}</div>
         <div class="p-4 leading-7" v-html="form.content">
         </div>
+      </div>
     </div>
   </div>
   <div v-if="!form">

pages/plug/index.vue

@@ -1,61 +0,0 @@
-<template>
-  <div class="banner" v-if="form">
-    <el-image :src="form.photo"></el-image>
-  </div>
-  <div v-if="form" class="container flex flex-col w-[1280px] m-auto">
-    <el-breadcrumb class="my-5" separator="/">
-      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-      <el-breadcrumb-item>{{ form.name }}</el-breadcrumb-item>
-    </el-breadcrumb>
-    <div class="w-7xl m-auto bg-gray-50">
-      <div class="title text-3xl text-center py-10">{{ form.name }}</div>
-      <div class="p-4 leading-7" v-html="form.content">
-      </div>
-    </div>
-  </div>
-  <div v-if="!form">
-    <el-empty description="404 页面不存在"></el-empty>
-  </div>
-</template>
-<script setup lang="ts">
-import type {Design} from "~/api/cms/design/model";
-import type {ApiResult} from "~/api";
-import {useRequest} from "~/composables/useRequest";
-
-const route = useRoute();
-const { query, params } = route;
-const { custom: pageName} = params;
-
-// 页面信息
-const form = ref<Design | any>();
-
-// 请求数据
-const { data: design } = await useRequest<ApiResult<Design[]>>('/cms/design', {params: {
-    path: `/${pageName}`
-  }})
-
-if (design.value) {
-  design.value?.data?.map((d,i) => {
-    if(i == 0){
-      form.value = d;
-      console.log(d.name)
-      useHead({
-        title: `${d.name} 网宿软件`,
-        meta: [{ name: "keywords", content: "Nuxt Vue SSR Typescript" }],
-        bodyAttrs: {
-          class: "page-container",
-        },
-        script: [
-          {
-            children: "console.log('Hello World')",
-          },
-        ],
-      });
-    }
-  })
-}
-</script>
-
-<style scoped lang="scss">
-
-</style>

utils/tool.ts

@@ -16,9 +16,10 @@ export function isArray(str: unknown) {
 
 // 配置服务器接口
 export function getBaseUrl() {
+  console.log('process:',process.server)
   if (process.server) {
     return "http://127.0.0.1:9001/api"
   } else {
-    return "/api"
+    return "https://modules.gxwebsoft.com/api"
   }
 }