├── .env
├── .gitignore
├── .npmrc
├── README.md
├── app.vue
├── assets
    └── main.less
├── components
    ├── Files
    │   ├── breadcrumbs.vue
    │   ├── item.vue
    │   ├── list.vue
    │   └── readme.vue
    ├── base
    │   ├── Footer.vue
    │   ├── Header.vue
    │   └── LeftMenu.vue
    └── income.vue
├── layouts
    └── default.vue
├── model
    ├── Interfaces.ts
    ├── SeverConfig.ts
    ├── initialization.ts
    ├── main.ts
    └── marked.ts
├── nuxt.config.ts
├── package-lock.json
├── package.json
├── pages
    ├── [...path].vue
    ├── about.vue
    ├── donate.vue
    └── init.vue
├── plugins
    ├── loading.ts
    └── vuetify.ts
├── public
    ├── README.md
    ├── ads.txt
    ├── comment.png
    ├── favicon.ico
    └── lazy_img.webp
├── server
    ├── OneDrive
    │   ├── cache.ts
    │   └── onedrive.ts
    ├── api
    │   ├── GetItem.post.ts
    │   └── GetReadme.post.ts
    ├── model
    │   ├── link.ts
    │   └── mysql.ts
    └── routes
    │   ├── ForzaHorizon5
    │       └── ForzaHorizon5
    │       │   └── [...any].ts
    │   └── Games
    │       └── [...any].ts
├── stores
    ├── useConfig.ts
    └── useMain.ts
├── tsconfig.json
└── yarn.lock


/.env:
--------------------------------------------------------------------------------
1 | site_siteName=小莫的网盘
2 | config_Name=pan
3 | onedrive_root=/public
4 | server_post=3001


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | *.log*
 3 | .nuxt
 4 | .nitro
 5 | .cache
 6 | .output
 7 | .env.*
 8 | dist
 9 | .vercel
10 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | shamefully-hoist=true


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # One Nuxt 
 2 | 
 3 | 演示地址： [小莫的云网盘](https://pan.aoe.top) | [小莫的游戏库](https://game.aoe.top)
 4 | 
 5 | 使用 nuxt3 + vue3 + ts 构建的一个OneDrive网盘项目
 6 | 
 7 | ### 特性
 8 | - 使用Vue3 + TS编写 
 9 | - 前后端分离
10 | - 数据库缓存
11 | - 使用SSR后端渲染,优化SEO排名
12 | - 效率和OneD比并没有太大的提升
13 | 
14 | ### 使用
15 | 
16 | ```
17 | npm i 
18 | npm run dev
19 | ```
20 | 
21 | 


--------------------------------------------------------------------------------
/app.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | import { useTheme } from "vuetify";
 3 | const theme = useTheme();
 4 | theme.global.name.value = "dark";
 5 | 
 6 | useHead({
 7 |     script: [
 8 |         // 引入百度统计 https://hm.baidu.com/hm.js?0fba1f3013c5565107a4b39759647150
 9 |         {
10 |             src: 'https://hm.baidu.com/hm.js?0fba1f3013c5565107a4b39759647150',
11 |             async: true,
12 |             defer: true,
13 |         },
14 |         // 引入Google广告
15 |         {
16 |             src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5978423097771370',
17 |             async: true,
18 |             defer: true,
19 |         }
20 |     ],
21 | })
22 | 
23 | </script>
24 | <template>
25 |     <NuxtLayout>
26 |         <NuxtPage />
27 |     </NuxtLayout>
28 | </template>
29 | <script lang='ts'>
30 | 
31 | export default {
32 |     name: 'App',
33 | }
34 | </script>
35 | <style lang='less' scoped></style>


--------------------------------------------------------------------------------
/assets/main.less:
--------------------------------------------------------------------------------
 1 | /* 滚动条美化 */
 2 | .scrollbar-hover::-webkit-scrollbar,
 3 | .scrollbar-hover::-webkit-scrollbar-button,
 4 | .scrollbar-hover::-webkit-scrollbar-thumb,
 5 | .scrollbar-hover::-webkit-scrollbar-track {
 6 |     visibility: hidden;
 7 |     width: 3px;
 8 | 
 9 |     &:hover {
10 |         visibility: visible;
11 |         width: 7px
12 |     }
13 | }
14 | 
15 | ::-webkit-scrollbar {
16 |     width: 7px;
17 |     height: 7px
18 | }
19 | 
20 | ::-webkit-scrollbar-button {
21 |     width: 0;
22 |     height: 0
23 | }
24 | 
25 | ::-webkit-scrollbar-thumb {
26 |     background-color: #b1b1b1;
27 |     -webkit-background-clip: padding-box;
28 |     background-clip: padding-box;
29 |     border-radius: 5px;
30 |     -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
31 |     border: 3px solid transparent;
32 |     transition: .5s all
33 | }
34 | 
35 | ::-webkit-scrollbar-thumb:hover {
36 |     background-color: #b1b1b1;
37 |     -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
38 |     border: 0 solid transparent
39 | }


--------------------------------------------------------------------------------
/components/Files/breadcrumbs.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | 
 3 | 
 4 | const route = useRoute()
 5 | const main = useMain()
 6 | 
 7 | let path = computed(() => route.params.path as string[])
 8 | 
 9 | console.log(path.value);
10 | 
11 | 
12 | let item = computed(() => {
13 |     let items = [{
14 |         title: "首页",
15 |         to: '/'
16 |     }]
17 | 
18 |     if (!path.value) {
19 |         return items
20 |     }
21 | 
22 |     for (let i = 0; i < path.value.length; i++) {
23 |         let to = ''
24 |         for (let j = 0; j <= i; j++) {
25 |             to += '/' + path.value[j]
26 |         }
27 |         items.push({
28 |             title: path.value[i],
29 |             to: to
30 |         })
31 |     }
32 |     return items
33 | })
34 | 
35 | </script>
36 | <template>
37 |     <v-breadcrumbs :items="item" divider=">">
38 |         <template v-slot:prepend>
39 |             <v-icon size="small" icon="mdi-menu" @click="main.leftMenu = !main.leftMenu"></v-icon>
40 |         </template>
41 |     </v-breadcrumbs>
42 | </template>
43 | <script lang='ts'>
44 | 
45 | export default {
46 |     name: 'FilesBreadcrumbs',
47 | }
48 | </script>
49 | <style lang='less' scoped></style>


--------------------------------------------------------------------------------
/components/Files/item.vue:
--------------------------------------------------------------------------------
  1 | <script lang='ts' setup>
  2 | import { IFileList } from '@/model/Interfaces';
  3 | 
  4 | const route = useRoute()
  5 | const props = defineProps<{
  6 |     item: IFileList
  7 | }>()
  8 | 
  9 | let path = computed(() => route.params.path as string[])
 10 | 
 11 | let Loading = ref(false)
 12 | 
 13 | let icon = computed(() => {
 14 |     if (props.item.file_type == 'folder') {
 15 |         return "mdi-folder-outline"
 16 |     }
 17 |     return file_ico(props.item.file_name)
 18 | })
 19 | 
 20 | let size = computed(() => {
 21 |     return human_filesize(props.item.file_size)
 22 | })
 23 | let f_path = computed(() => {
 24 |     return file_path(props.item.file_name)
 25 | })
 26 | 
 27 | // 正常显示 文件图标
 28 | function file_ico(item: string) {
 29 |     item = item.toLowerCase();
 30 |     var index = item.lastIndexOf(".");
 31 |     var suffix = item.substr(index + 1);
 32 | 
 33 |     if (['bmp', 'jpg', 'jpeg', 'png', 'gif'].indexOf(suffix) > -1) {
 34 |         return "mdi-image-area";
 35 |     } else if (['mp4', 'mkv', 'webm', 'avi', 'mpg', 'mpeg', 'rm', 'rmvb', 'mov', 'wmv', 'mkv', 'asf'].indexOf(suffix) > -1) {
 36 |         return "mdi-video";
 37 |     } else if (['ogg', 'mp3', 'wav', 'flac'].indexOf(suffix) > -1) {
 38 |         return "mdi-volume-high";
 39 |     } else if (['zip', 'rar', '7z', 'tar', 'gz', 'bz2', 'iso'].indexOf(suffix) > -1) {
 40 |         return "mdi-archive";
 41 |     } else if (['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf'].indexOf(suffix) > -1) {
 42 |         return "mdi-file-pdf";
 43 |     } else if (['txt', 'md'].indexOf(suffix) > -1) {
 44 |         return "mdi-file-document";
 45 |     }
 46 | 
 47 |     return "mdi-file-outline";
 48 | }
 49 | 
 50 | // 序列化文件大小
 51 | function human_filesize(filesize: number) {
 52 |     if (null == filesize) {
 53 |         return "0 Bytes";
 54 |     }
 55 |     var unitArr = new Array("Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB");
 56 |     var index = 0;
 57 |     // var srcsize = filesize;
 58 |     index = Math.floor(Math.log(filesize) / Math.log(1024));
 59 |     let size: any = filesize / Math.pow(1024, index);
 60 |     size = size.toFixed(2);//保留的小数位数
 61 |     return size + unitArr[index];
 62 | }
 63 | 
 64 | function file_path(name: string) {
 65 |     if (path.value.length == 0) {
 66 |         return `/${name}`
 67 |     }
 68 |     let p = `/${path.value.join('/')}/${name}`
 69 |     return p
 70 | }
 71 | 
 72 | 
 73 | </script>
 74 | <template>
 75 |     <v-list-item :prepend-icon="icon" :title="item.file_name" :subtitle="`${item.file_up_time} ${size}`" class="item">
 76 |         <template v-slot:append>
 77 |             <v-btn variant="text" v-if="item.file_type == 'folder'" :loading="Loading" @click="Loading = true"
 78 |                 append-icon="mdi-folder-open-outline" :to="file_path(item.file_name)">
 79 |                 打开
 80 |             </v-btn>
 81 |             <v-btn variant="text" v-else append-icon="mdi-download" color="#4FC3F7" :href="item.file_downloadUrl"
 82 |                 target="_blank">下载</v-btn>
 83 |         </template>
 84 |     </v-list-item>
 85 | </template>
 86 | <script lang='ts'>
 87 | 
 88 | export default {
 89 |     name: 'FilesItem',
 90 | }
 91 | </script>
 92 | <style lang='less' scoped>
 93 | .item {
 94 |     // 0.5s 动画
 95 |     transition: background-color 0.3s;
 96 | 
 97 | 
 98 |     &:hover {
 99 |         background-color: rgba(255, 255, 255, .1);
100 |     }
101 | }
102 | </style>


--------------------------------------------------------------------------------
/components/Files/list.vue:
--------------------------------------------------------------------------------
  1 | <script lang='ts' setup>
  2 | // import axios from 'axios'
  3 | import { IFileList } from '@/model/Interfaces';
  4 | import { isArray } from '@vue/shared';
  5 | 
  6 | const route = useRoute()
  7 | let path = computed(() => route.params.path as string[])
  8 | let list = ref<IFileList[]>([])
  9 | let readmeId = ref('')
 10 | let haveReadme = ref(false)
 11 | let Loading = ref(false)
 12 | 
 13 | watch(path, () => {
 14 |     GetList()
 15 | }, {
 16 |     immediate: true
 17 | })
 18 | 
 19 | function GetList() {
 20 | 
 21 |     Loading.value = true
 22 | 
 23 |     $fetch('/api/GetItem', {
 24 |         method: 'POST',
 25 |         body: JSON.stringify({ path: path.value })
 26 |     }).then((res) => {
 27 |         list.value = res.items
 28 |         Loading.value = false
 29 |         haveReadme.value = false
 30 |         if (Array.isArray(list.value)) {
 31 |             list.value?.forEach(item => {
 32 |                 if (item.file_name == 'README.md') {
 33 |                     haveReadme.value = true
 34 |                     readmeId.value = item.file_fid
 35 |                     remove(list.value, item)
 36 |                 }
 37 |             });
 38 |         }
 39 |     })
 40 | }
 41 | 
 42 | 
 43 | // 上级目录
 44 | let parent = computed(() => {
 45 |     let p = '/' + path.value.slice(0, path.value.length - 1).join('/')
 46 |     return p
 47 | })
 48 | 
 49 | function remove(arr: any[], val: any) {
 50 |     var index = arr.indexOf(val);
 51 |     if (index > -1) {
 52 |         arr.splice(index, 1);
 53 |     }
 54 | }
 55 | 
 56 | </script>
 57 | <template>
 58 |     <div class="list">
 59 |         <Income :key="$route.path"></Income>
 60 |         <v-row v-if="Loading" class="loading">
 61 |             <v-btn class="loading-btn" variant="text" :loading="true">
 62 |                 <template v-slot:loader>
 63 |                     <span class="custom-loader">
 64 |                         <v-icon light>mdi-cached</v-icon>
 65 |                     </span>
 66 |                     正在获取文件列表...
 67 |                 </template>
 68 |             </v-btn>
 69 |         </v-row>
 70 |         <v-row v-else-if="list.length > 0">
 71 |             <div class="list-body">
 72 |                 <v-list lines="one" bg-color="transparent">
 73 |                     <!-- <v-list-subheader inset>文件</v-list-subheader> -->
 74 |                     <v-list-item v-if="path.length > 0" prepend-icon="mdi-arrow-up" :to="parent" title="..."></v-list-item>
 75 |                     <FilesItem v-for="item in list" :key="item.id" :item="item"></FilesItem>
 76 |                 </v-list>
 77 |             </div>
 78 |         </v-row>
 79 |         <v-row v-else class="list-null">
 80 |             <v-col cols="12" class="Error">
 81 |                 <v-icon icon="mdi-package-variant" class="icon"></v-icon>
 82 |                 <h1 class="msg">当前文件夹为空</h1>
 83 |             </v-col>
 84 |         </v-row>
 85 |         <FilesReadme v-if="haveReadme" :readmeId="readmeId"></FilesReadme>
 86 |     </div>
 87 | </template>
 88 | <script lang='ts'>
 89 | 
 90 | export default {
 91 |     name: 'FilesList',
 92 | }
 93 | </script>
 94 | <style lang='less' scoped>
 95 | .list {
 96 |     margin-top: 1rem;
 97 | 
 98 |     .loading {
 99 |         display: flex;
100 |         justify-content: center;
101 |         align-items: center;
102 | 
103 |         .loading-btn {
104 |             width: 250px;
105 |             height: 250px;
106 |             font-size: 1rem;
107 |         }
108 | 
109 |     }
110 | 
111 | 
112 |     .list-body {
113 |         width: 100%;
114 |     }
115 | 
116 |     .list-null {
117 | 
118 |         justify-content: center;
119 | 
120 |         .Error {
121 |             display: flex;
122 |             flex-direction: column;
123 |             align-items: center;
124 | 
125 |             .icon {
126 |                 font-size: 10rem;
127 |             }
128 |         }
129 |     }
130 | }
131 | </style>
132 | 
133 | <style>
134 | .custom-loader {
135 |     animation: loader 1s infinite;
136 |     display: flex;
137 | }
138 | 
139 | @-moz-keyframes loader {
140 |     from {
141 |         transform: rotate(0);
142 |     }
143 | 
144 |     to {
145 |         transform: rotate(360deg);
146 |     }
147 | }
148 | 
149 | @-webkit-keyframes loader {
150 |     from {
151 |         transform: rotate(0);
152 |     }
153 | 
154 |     to {
155 |         transform: rotate(360deg);
156 |     }
157 | }
158 | 
159 | @-o-keyframes loader {
160 |     from {
161 |         transform: rotate(0);
162 |     }
163 | 
164 |     to {
165 |         transform: rotate(360deg);
166 |     }
167 | }
168 | 
169 | @keyframes loader {
170 |     from {
171 |         transform: rotate(0);
172 |     }
173 | 
174 |     to {
175 |         transform: rotate(360deg);
176 |     }
177 | }
178 | </style>


--------------------------------------------------------------------------------
/components/Files/readme.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | import axios from 'axios'
 3 | import marked from '@/model/marked';
 4 | 
 5 | const props = defineProps<{
 6 |     readmeId: string
 7 | }>()
 8 | 
 9 | let readme = ref('')
10 | 
11 | watch(props, () => {
12 |     GetReadme()
13 | }, {
14 |     immediate: true
15 | })
16 | 
17 | function GetReadme() {
18 |     axios.post('/api/GetReadme', { fid: props.readmeId }).then(({ data }) => {
19 |         readme.value = marked(data.data)
20 |     })
21 | }
22 | 
23 | </script>
24 | <template>
25 |     <div class="readme">
26 |         <div class="name">
27 |             <v-chip variant="elevated" prepend-icon="mdi-material-design">README.md</v-chip>
28 |         </div>
29 |         <div class="markdown-body" v-html="readme"></div>
30 |     </div>
31 | </template>
32 | <script lang='ts'>
33 | 
34 | export default {
35 |     name: 'FilesRedme',
36 | }
37 | </script>
38 | <style lang='less' scoped>
39 | .readme {
40 |     padding: 1.5rem;
41 | 
42 |     .name {
43 |         margin-bottom: 1rem;
44 |     }
45 | 
46 |     .markdown-body {
47 |         background-color: transparent;
48 |     }
49 | }
50 | </style>


--------------------------------------------------------------------------------
/components/base/Footer.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | 
 3 | let friendChain = [
 4 |     {
 5 |         name: '深沟导航-深沟导航_shyngo',
 6 |         url: 'http://www.shyngo.cn/',
 7 |     }
 8 | ]
 9 | 
10 | let year = new Date().getFullYear()
11 | 
12 | </script>
13 | <template>
14 |     <v-container fluid>
15 |         <v-divider></v-divider>
16 |         <v-container class="footer">
17 |             <p class="copyright">小莫网盘 @2020-2023 如果网盘中有包含侵犯您权利的内容, 请联系邮箱xm@aoe.top</p>
18 |             <p class="footer-link">
19 |                 <a href="https://blog.aoe.top/notes/490" target="_blank">下载速度慢提速方案</a>
20 |                 <a href="https://blog.aoe.top/notes/497" target="_blank">下载提示需要登录?</a>
21 |                 <a href="https://blog.aoe.top/notes/511" target="_blank">下载完不会安装?</a>
22 |             </p>
23 |             <p class="copyright">COPYRIGHT 2019-{{ year }} WWW.AOE.TOP ALL RIGHT RESERVED <a
24 |                     href="https://beian.miit.gov.cn/" target="_blank" rel="nopener norefoerrer">湘ICP备2021011453号-1</a>
25 |             </p>
26 |         </v-container>
27 |     </v-container>
28 | </template>
29 | <script lang='ts'>
30 | 
31 | export default {
32 |     name: 'BaseFooter',
33 | }
34 | </script>
35 | <style lang='less' scoped>
36 | .footer {
37 |     font-size: 14px;
38 | 
39 |     .friend-chain {
40 |         a {
41 |             margin-right: 15px;
42 |         }
43 |     }
44 | 
45 |     .copyright {
46 |         text-align: center;
47 |         color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
48 |     }
49 | 
50 |     .footer-link {
51 |         text-align: center;
52 | 
53 |         a {
54 |             color: aqua;
55 |             margin: 0 0.5rem;
56 |         }
57 |     }
58 | 
59 |     a {
60 |         text-decoration: none;
61 |         color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
62 |     }
63 | }
64 | </style>


--------------------------------------------------------------------------------
/components/base/Header.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | </script>
 3 | <template>
 4 |     <v-app-bar>
 5 |         <v-row>
 6 |             <v-col cols="12">
 7 |                 <FilesBreadcrumbs></FilesBreadcrumbs>
 8 |             </v-col>
 9 |         </v-row>
10 |     </v-app-bar>
11 | </template>
12 | <script lang='ts'>
13 | 
14 | export default {
15 |     name: 'BaseHeader',
16 | }
17 | </script>
18 | <style lang='less' scoped>
19 | .header {
20 |     display: flex;
21 |     justify-content: space-between;
22 | }
23 | </style>


--------------------------------------------------------------------------------
/components/base/LeftMenu.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | 
 3 | let lists = [
 4 |     {
 5 |         title: '首页',
 6 |         icon: "mdi-home",
 7 |         path: '/',
 8 |         target: false
 9 |     },
10 |     {
11 |         title: '网盘',
12 |         icon: "mdi-cloud-download-outline",
13 |         path: 'https://pan.aoe.top',
14 |         target: false
15 |     },
16 |     {
17 |         title: "游戏",
18 |         icon: "mdi-controller",
19 |         path: "https://game.aoe.top",
20 |         target: false
21 |     },
22 |     {
23 |         title: '博客',
24 |         icon: "mdi-post-outline",
25 |         path: 'https://blog.aoe.top',
26 |         target: true
27 |     },
28 |     {
29 |         title: '投喂',
30 |         icon: "mdi-heart",
31 |         path: '/donate',
32 |         target: false,
33 |     }
34 | ]
35 | 
36 | const main = useMain()
37 | 
38 | 
39 | 
40 | </script>
41 | <template>
42 |     <v-navigation-drawer v-model="main.leftMenu" :rail="main.leftMenuRail" class="left-menu">
43 |         <v-list>
44 |             <v-list-item v-for="item in lists" :key="item.path" :href="item.path" :prepend-icon="item.icon"
45 |                 :title="item.title" :target="item.target ? '_blank' : '_self'">
46 |             </v-list-item>
47 |         </v-list>
48 |         <template v-slot:append>
49 |             <Income :key="$route.path"></Income>
50 |             <v-list>
51 |                 <v-list-item @click="main.leftMenuRail = !main.leftMenuRail"
52 |                     :prepend-icon="main.leftMenuRail ? 'mdi-chevron-double-right' : 'mdi-chevron-double-left'">
53 |                 </v-list-item>
54 |             </v-list>
55 |         </template>
56 |     </v-navigation-drawer>
57 | </template>
58 | <script lang='ts'>
59 | 
60 | export default {
61 |     name: 'BaseLeftMenu',
62 | }
63 | </script>
64 | <style lang='less' scoped></style>


--------------------------------------------------------------------------------
/components/income.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | 
 3 | onMounted(() => {
 4 |     (window as any).adsbygoogle = (window as any).adsbygoogle || [];
 5 |     (window as any).adsbygoogle.push({})
 6 | })
 7 | 
 8 | </script>
 9 | <template>
10 |     <div class="google-ad">
11 |         <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5978423097771370" data-ad-slot="7388473921"
12 |             data-ad-format="auto" data-full-width-responsive="true"></ins>
13 |     </div>
14 | </template>
15 | <script lang='ts'>
16 | 
17 | export default {
18 |     name: 'income',
19 | }
20 | </script>
21 | <style lang='less' scoped>
22 | .google-ad {
23 |     padding: 1rem 0;
24 |     text-align: center;
25 | }
26 | </style>


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | 
 3 | 
 4 | // const permissions = useCookie<boolean>('permissions')
 5 | const permissions = ref(true)
 6 | let loading = ref(false)
 7 | 
 8 | function checking() {
 9 |     loading.value = true
10 |     setTimeout(() => {
11 |         loading.value = false
12 |         permissions.value = true
13 |     }, 3000)
14 | }
15 | 
16 | </script>
17 | <template>
18 |     <v-card v-if="permissions">
19 |         <SeoKit />
20 |         <v-layout>
21 |             <NuxtLoadingIndicator></NuxtLoadingIndicator>
22 |             <BaseLeftMenu></BaseLeftMenu>
23 |             <BaseHeader></BaseHeader>
24 |             <v-main style="min-height: 100vh;">
25 |                 <router-view v-slot="{ Component }">
26 |                     <keep-alive>
27 |                         <component :is="Component" />
28 |                     </keep-alive>
29 |                 </router-view>
30 |                 <BaseFooter></BaseFooter>
31 |             </v-main>
32 |         </v-layout>
33 |     </v-card>
34 |     <div v-else class="login">
35 |         <Income :key="$route.path"></Income>
36 |         <h1>请完成下方验证以确认你不是机器人</h1>
37 |         <v-btn @click="checking" :loading="loading">点击开始验证</v-btn>
38 |     </div>
39 | </template>
40 | <script lang='ts'>
41 | 
42 | export default {
43 |     name: 'layoutsDefault',
44 | }
45 | </script>
46 | <style lang='less' scoped>
47 | .login {
48 |     display: flex;
49 |     height: 100vh;
50 |     align-items: center;
51 |     justify-content: center;
52 |     flex-direction: column;
53 | 
54 |     h1 {
55 |         margin: 1rem 0;
56 |     }
57 | }
58 | </style>


--------------------------------------------------------------------------------
/model/Interfaces.ts:
--------------------------------------------------------------------------------
 1 | export interface IFileList {
 2 |     id: number;
 3 |     file_fid: string;
 4 |     file_parent: string;
 5 |     file_name: string;
 6 |     file_type: string;
 7 |     file_size: number;
 8 |     file_downloadUrl?: string;
 9 |     childCount?: number;
10 |     lastModifiedDateTime: string;
11 |     file_up_time: string;
12 | }
13 | 
14 | // 声明 ICallback(err, result) 函数类型
15 | export type ICallback = (err: any, result: any) => void;
16 | 
17 | export interface ILink {
18 |     id: number;
19 |     short_link: string
20 |     long_link: string
21 |     click_cot: number
22 | }


--------------------------------------------------------------------------------
/model/SeverConfig.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | // console.log(process.env);
 3 | 
 4 | // console.log(process.env.site_siteName, process.env.onedrive_root);
 5 | 
 6 | 
 7 | export let SeverConfig = {
 8 |     token: {
 9 |         // scopes:'Files.ReadWrite.All profile openid email',       // 请求的范围
10 |         scopes: ['Files.ReadWrite.All', 'Files.Read.All', 'User.Read', 'offline_access'],      // 请求的范围
11 |         clientId: "8acae33a-68bf-479c-97ff-a75ee2615edd",           // 应用程序的 clientId
12 |         clientSecret: "hyx8Q~uvgquzXHdr~XUWCp6SNyuqMPEmR8ZL_c-7",   // 应用程序的 clientSecret
13 |         authority: "https://login.microsoftonline.com/common",      // 应用程序的 authority
14 |         redirectUri: "http://localhost:3001/init/redirect",         // 应用程序的 redirectUri
15 |         accessToken: "",                                            // 应用程序的 accessToken
16 |         refreshToken: process?.env?.refreshToken || "",             // 应用程序的 refreshToken
17 |         expires_on: 0,
18 |     },
19 |     siteName: process?.env?.site_siteName || '小莫的云网盘',
20 |     onedrive_root: process?.env?.onedrive_root || '/public',
21 | }


--------------------------------------------------------------------------------
/model/initialization.ts:
--------------------------------------------------------------------------------
 1 | import { SeverConfig } from '@/model/SeverConfig'
 2 | import { RefreshToken } from '@/server/OneDrive/onedrive'
 3 | 
 4 | export function initialization() {
 5 | 
 6 |     // console.log("SeverConfig:", SeverConfig);
 7 | 
 8 |     let token = SeverConfig.token
 9 | 
10 |     let time = new Date().getTime();
11 |     let expires_on = token.expires_on * 1000;
12 | 
13 |     if ((!token.accessToken) || (expires_on != 0 && time > expires_on)) {
14 |         console.log("token不存在或已过期, 重新更新!!!");
15 |         RefreshToken(token.refreshToken).then((data) => {
16 |             console.log('expires_on', token.expires_on);
17 |         }).catch(err => {
18 |             console.log(`err:`, err);
19 |         })
20 |     }
21 | 
22 | }


--------------------------------------------------------------------------------
/model/main.ts:
--------------------------------------------------------------------------------
 1 | export function GetNowTime() {
 2 |     let now = new Date();
 3 |     let year = now.getFullYear();
 4 |     let month = now.getMonth() + 1;
 5 |     let day = now.getDate();
 6 |     let hour = now.getHours();
 7 |     let minute = now.getMinutes();
 8 |     let second = now.getSeconds();
 9 |     let time = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
10 |     return time;
11 | }


--------------------------------------------------------------------------------
/model/marked.ts:
--------------------------------------------------------------------------------
 1 | import { marked } from 'marked';
 2 | import 'github-markdown-css/github-markdown-dark.css'
 3 | 
 4 | marked.setOptions({
 5 |     breaks: true,
 6 | })
 7 | 
 8 | // const link: marked.TokenizerExtension | marked.RendererExtension | (marked.TokenizerExtension & marked.RendererExtension) = {
 9 | //     name: 'link',
10 | //     start(this, src: string) { return 1; }, // 提示 Marked.js 停止并检查是否匹配
11 | //     renderer(this: marked.RendererThis, token: marked.Tokens.Generic): string {
12 | //         return `<a href="${token.href}" target="_blank">${token.text}</a> `;
13 | //     }
14 | // }
15 | 
16 | // marked.use({
17 | //     extensions: [link]
18 | // })
19 | 
20 | export default marked;


--------------------------------------------------------------------------------
/nuxt.config.ts:
--------------------------------------------------------------------------------
 1 | // https://nuxt.com/docs/api/configuration/nuxt-config
 2 | 
 3 | export default defineNuxtConfig({
 4 |     css: [
 5 |         'vuetify/styles',
 6 |         '@mdi/font/css/materialdesignicons.css',
 7 |         'assets/main.less'
 8 |     ],
 9 |     build: {
10 |         transpile: ['vuetify'],
11 |     },
12 |     // ssr: process.env.NODE_ENV != 'development',
13 |     ssr: false,
14 |     modules: [
15 |         'nuxt-og-image',
16 |         "nuxt-vercel-analytics",
17 |         "nuxt-gtag",
18 |         [
19 |             '@pinia/nuxt',
20 |             {
21 |                 autoImports: [
22 |                     // 自动引入 `usePinia()`
23 |                     'defineStore',
24 |                     // 自动引入 `usePinia()` 并重命名为 `usePiniaStore()`
25 |                     ['defineStore', 'definePiniaStore'],
26 |                 ],
27 |             },
28 |         ],
29 |     ],
30 |     imports: {
31 |         dirs: ['./stores'],
32 |     },
33 |     extends: [
34 |         'nuxt-seo-kit'
35 |     ],
36 |     runtimeConfig: {
37 |         public: {
38 |             siteUrl: process?.env?.NUXT_PUBLIC_SITE_URL || 'https://pan.aoe.top',
39 |             siteName: process?.env?.site_siteName || '小莫的云网盘',
40 |             siteDescription: '小莫的网盘, 分享一些能用得上的东西~',
41 |             language: 'zh', // prefer more explicit language codes like `en-AU` over `en`
42 |             onedrive_root: process?.env?.onedrive_root || '/public',
43 |             refreshToken: process?.env?.refreshToken || '',
44 |         },
45 |     },
46 |     gtag: {
47 |         id: 'G-L04H04RSS7'
48 |     }
49 | 
50 | })
51 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "scripts": {
 4 |         "build": "nuxt build",
 5 |         "dev": "nuxt dev",
 6 |         "dev2": "vercel env pull .env.development.local",
 7 |         "devPan": "npx nuxi dev --dotenv .env.pan",
 8 |         "devGame": "npx nuxi dev --dotenv .env.game",
 9 |         "preview": "npx nuxi preview --dotenv .env.pan",
10 |         "runPan": "PORT=4000 npx nuxi preview --dotenv .env.pan",
11 |         "runGame": "PORT=4001 npx nuxi preview --dotenv .env.game"
12 |     },
13 |     "devDependencies": {
14 |         "@types/marked": "^4.0.8",
15 |         "@types/mysql": "^2.15.21",
16 |         "@types/nprogress": "^0.2.0",
17 |         "@types/request": "^2.48.8",
18 |         "less": "^4.1.3",
19 |         "nuxt": "^3.2.2",
20 |         "nuxt-og-image": "^1.4.19",
21 |         "nuxt-seo-kit": "^1.2.3",
22 |         "source": "^0.0.3"
23 |     },
24 |     "dependencies": {
25 |         "@mdi/font": "^7.1.96",
26 |         "@pinia/nuxt": "^0.4.6",
27 |         "@vercel/analytics": "^1.0.1",
28 |         "@vercel/kv": "^0.2.2",
29 |         "axios": "^1.3.3",
30 |         "github-markdown-css": "^5.2.0",
31 |         "marked": "^4.2.12",
32 |         "mysql2": "^3.1.2",
33 |         "nprogress": "^0.2.0",
34 |         "nuxt-gtag": "^0.5.7",
35 |         "nuxt-vercel-analytics": "^0.2.2",
36 |         "pinia": "^2.0.30",
37 |         "request": "^2.88.2",
38 |         "vuetify": "^3.1.4"
39 |     }
40 | }
41 | 


--------------------------------------------------------------------------------
/pages/[...path].vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | const route = useRoute()
 3 | 
 4 | 
 5 | let path = computed(() => route.params.path as string[])
 6 | 
 7 | let title = computed(() => {
 8 |     if (path.value.length == 0) {
 9 |         return '首页'
10 |     }
11 |     return path.value.join('/')
12 | })
13 | 
14 | useSeoMeta({
15 |     title: title
16 | })
17 | 
18 | 
19 | 
20 | 
21 | 
22 | 
23 | </script>
24 | <template>
25 |     <v-container>
26 |         <v-no-ssr>
27 |             <FilesList></FilesList>
28 |         </v-no-ssr>
29 |     </v-container>
30 | </template>
31 | <script lang='ts'>
32 | 
33 | export default {
34 |     name: 'Index',
35 | }
36 | </script>
37 | <style lang='less' scoped>
38 | .index {
39 |     min-height: calc(100vh - 300px);
40 |     display: flex;
41 |     justify-content: center;
42 |     align-items: center;
43 |     flex-direction: column;
44 | 
45 |     .Timo {
46 |         display: flex;
47 |         justify-content: center;
48 |         flex-direction: column;
49 |         align-items: center;
50 | 
51 |         .logo {
52 |             box-shadow: 0 0 2rem #42b883;
53 |             cursor: pointer;
54 |             // 0.5s 动画
55 |             transition: all 0.5s;
56 | 
57 |             &:hover {
58 |                 box-shadow: 0 0 3rem #42b883;
59 |             }
60 |         }
61 |     }
62 | 
63 |     h1 {
64 |         margin-top: 0.5rem;
65 |     }
66 | 
67 |     h2 {
68 |         color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
69 |         text-align: center;
70 |     }
71 | }
72 | </style>


--------------------------------------------------------------------------------
/pages/about.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | import marked from '@/model/marked';
 3 | 
 4 | let readme = ref('')
 5 | 
 6 | 
 7 | fetch('/README.md')
 8 |     .then(res => res.text())
 9 |     .then(res => {
10 |         readme.value = marked(res)
11 |     })
12 | 
13 | useSeoMeta({
14 |     title: '关于小莫',
15 | })
16 | 
17 | </script>
18 | <template>
19 |     <v-container class="about">
20 |         <div class="markdown-body" v-html="readme"></div>
21 |     </v-container>
22 | </template>
23 | <script lang='ts'>
24 | 
25 | export default {
26 |     name: 'about',
27 | }
28 | </script>
29 | <style lang='less' scoped>
30 | .about {
31 |     padding: 10px;
32 | 
33 |     .markdown-body {
34 |         background-color: transparent;
35 | 
36 | 
37 |     }
38 | }
39 | </style>


--------------------------------------------------------------------------------
/pages/donate.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | const { zfb, wx, lazy_img } = useMain()
 3 | 
 4 | useSeoMeta({
 5 |     title: '给小莫投食',
 6 | })
 7 | 
 8 | </script>
 9 | <template>
10 |     <v-container class="donate">
11 |         <v-row>
12 |             <v-col cols="12">
13 |                 <h1>给小莫投食</h1>
14 |                 <p>如果小莫的一些作品对你有用,那么就顺便给快要饿死的小莫投喂点零食吧~</p>
15 |             </v-col>
16 |         </v-row>
17 |         <v-row class="qr">
18 |             <v-col cols="6" md="3">
19 |                 <v-img :src="wx" :lazy-src="lazy_img" :aspect-ratio="1 / 1" alt="微信"></v-img>
20 |                 <p class="des">微信</p>
21 |             </v-col>
22 |             <v-col cols="6" md="3">
23 |                 <v-img :src="zfb" :lazy-src="lazy_img" :aspect-ratio="1 / 1" alt="支付宝"></v-img>
24 |                 <p class="des">支付宝</p>
25 |             </v-col>
26 |         </v-row>
27 |         <div class="footer">
28 |             <div class="comment">
29 |                 <v-img src="comment.png" :aspect-ratio="162 / 75" :eager="false"></v-img>
30 |             </div>
31 |         </div>
32 | 
33 |     </v-container>
34 | </template>
35 | <script lang='ts'>
36 | 
37 | export default {
38 |     name: 'donate',
39 | }
40 | </script>
41 | <style lang='less' scoped>
42 | .donate {
43 |     h1 {
44 |         text-align: center;
45 |     }
46 | 
47 |     p {
48 |         color: rgb(156, 156, 156);
49 |         text-align: center;
50 |     }
51 | 
52 |     .qr {
53 |         display: flex;
54 |         justify-content: center;
55 |     }
56 | 
57 |     .footer {
58 |         padding: 0 25px;
59 |         text-align: right;
60 |         display: flex;
61 |         flex-direction: row-reverse;
62 | 
63 |         .comment {
64 |             width: 162px;
65 |         }
66 |     }
67 | }
68 | </style>


--------------------------------------------------------------------------------
/pages/init.vue:
--------------------------------------------------------------------------------
 1 | <script lang='ts' setup>
 2 | 
 3 | 
 4 | 
 5 | 
 6 | </script>
 7 | <template></template>
 8 | <script lang='ts'>
 9 | 
10 | export default {
11 |     name: 'Init',
12 | }
13 | </script>
14 | <style lang='less' scoped></style>


--------------------------------------------------------------------------------
/plugins/loading.ts:
--------------------------------------------------------------------------------
 1 | import NProgress from 'nprogress';
 2 | 
 3 | export default defineNuxtPlugin(nuxtApp => {
 4 |     // console.log('loading.ts');
 5 | 
 6 |     let bar = ref<any>(null)
 7 |     nuxtApp.hook("app:beforeMount", () => {
 8 |         if (!bar.value) {
 9 |             bar.value = NProgress.configure({
10 |                 easing: 'ease',
11 |                 speed: 500,
12 |                 showSpinner: false,
13 |                 trickleSpeed: 200,
14 |                 minimum: 0.3
15 |             })
16 |         }
17 |     })
18 | 
19 |     nuxtApp.hook("page:start", () => {
20 |         bar.value?.start()
21 | 
22 |     })
23 |     nuxtApp.hook("page:finish", () => {
24 |         setTimeout(() => {
25 |             bar.value?.done()
26 |         }, 150)
27 |     })
28 | 
29 |     nuxtApp.hook("app:mounted", () => {
30 |         setTimeout(() => {
31 |             bar.value?.done()
32 |         }, 150)
33 |     })
34 |     nuxtApp.hook("app:error", () => {
35 |         // 判断是否是客户端
36 |         if (process.client) {
37 |             bar.value?.done()
38 |         }
39 |     })
40 | })
41 | 


--------------------------------------------------------------------------------
/plugins/vuetify.ts:
--------------------------------------------------------------------------------
 1 | import { createVuetify } from 'vuetify'
 2 | import * as components from 'vuetify/components'
 3 | import * as directives from 'vuetify/directives'
 4 | 
 5 | export default defineNuxtPlugin(nuxtApp => {
 6 |     const vuetify = createVuetify({
 7 |         components,
 8 |         directives,
 9 |         ssr: true,
10 |     })
11 |     nuxtApp.vueApp.use(vuetify)
12 | })
13 | 


--------------------------------------------------------------------------------
/public/README.md:
--------------------------------------------------------------------------------
 1 | # 关于小莫
 2 | 
 3 | 欢迎各位来到小莫的个人站,我是一只对各种事情都充满好奇和想法的野生小莫.
 4 | 
 5 | ### 小莫的一些账号：
 6 | - GitHub: https://github.com/3DMXM
 7 | - steam: https://steamcommunity.com/id/3DMXM/
 8 | 
 9 | ### 小莫的一些作品
10 | - 原创
11 |     - [荒野大镖客内置修改器RNT](https://mod.3dmgame.com/mod/147160)
12 |     - [戴森内置修改器](https://mod.3dmgame.com/mod/173023)
13 |     - [戴森球物品叠加Mod](https://mod.3dmgame.com/mod/172571)
14 |     - [觅长生内置修改器](https://mod.3dmgame.com/mod/176840)
15 |     - [暖雪内置修改器](https://mod.3dmgame.com/mod/181716)
16 |     - [沙石镇时光内置修改器](https://mod.3dmgame.com/mod/185597)
17 |     - [疯狂游戏大亨内置修改器](https://mod.3dmgame.com/mod/188197)
18 |     - [太吾绘卷内置修改器](https://mod.3dmgame.com/mod/188315)
19 | - 翻译
20 |     - [GTA5警察Mod-LSPDFR](https://mod.3dmgame.com/mod/69815)
21 |     - [Unity Mod 管理工具(UMM)](https://mod.3dmgame.com/mod/44550)
22 |     - [ReShade](https://mod.3dmgame.com/mod/47185)
23 |     - [怪物猎人Mod管理工具 MHW Mod Manager](https://mod.3dmgame.com/mod/50098)
24 |     - [只狼 FPS上限解锁补丁+无边框工具](https://mod.3dmgame.com/mod/71575)
25 |     - [Pack File Manager(PFM)](https://mod.3dmgame.com/mod/131523)
26 |     - [赛博朋克2077 存档编辑器](https://mod.3dmgame.com/mod/173275)
27 |     - [NinjaRipper + 3ds max 插件](https://mod.3dmgame.com/mod/48574)
28 |     - [MT Framework](https://mod.3dmgame.com/mod/48616)
29 |     - [BepInEx 插件/Mod管理](https://mod.3dmgame.com/mod/172600)
30 |     - [软件公司内置修改器](https://mod.3dmgame.com/mod/162709)
31 |     - [荒野大镖客2 地图编辑器（Map Editor）](https://mod.3dmgame.com/mod/171751)
32 | 


--------------------------------------------------------------------------------
/public/ads.txt:
--------------------------------------------------------------------------------
1 | google.com, pub-5978423097771370, DIRECT, f08c47fec0942fa0


--------------------------------------------------------------------------------
/public/comment.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/3DMXM/one-nuxt/d2fefc2829afc9f1fef02cc0d565ce97d566488a/public/comment.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/3DMXM/one-nuxt/d2fefc2829afc9f1fef02cc0d565ce97d566488a/public/favicon.ico


--------------------------------------------------------------------------------
/public/lazy_img.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/3DMXM/one-nuxt/d2fefc2829afc9f1fef02cc0d565ce97d566488a/public/lazy_img.webp


--------------------------------------------------------------------------------
/server/OneDrive/cache.ts:
--------------------------------------------------------------------------------
 1 | import { kv } from "@vercel/kv";
 2 | 
 3 | export class Cache {
 4 |     public static async set(key: string, value: any, opts: any = { ex: 60 * 60 * 1 }) {
 5 |         try {
 6 |             await kv.set(key, value, opts)
 7 |         } catch (error) {
 8 |             console.log(`error: ${error}`);
 9 |         }
10 |     }
11 | 
12 |     public static async get(key: string) {
13 |         // return kv.get<any[]>(key)
14 |         try {
15 |             let data = await kv.get<any[]>(key)
16 |             return data
17 |         } catch (error) {
18 |             console.log(`error: ${error}`);
19 |             return null
20 |         }
21 |     }
22 | }


--------------------------------------------------------------------------------
/server/OneDrive/onedrive.ts:
--------------------------------------------------------------------------------
  1 | 
  2 | import request from 'request';
  3 | import { SeverConfig } from '@/model/SeverConfig'
  4 | import { GetNowTime } from '@/model/main'
  5 | import { Cache } from '@/server/OneDrive/cache'
  6 | import axios from 'axios'
  7 | import { kv } from "@vercel/kv";
  8 | 
  9 | 
 10 | const { token } = SeverConfig;
 11 | 
 12 | 
 13 | // 获取 RefreshToken
 14 | export async function GetRefreshToken(code: string) {
 15 |     const url = "https://login.microsoftonline.com/common/oauth2/token";
 16 |     const data = {
 17 |         grant_type: "authorization_code",
 18 |         client_id: token.clientId,
 19 |         client_secret: token.clientSecret,
 20 |         code: code,
 21 |         redirect_uri: token.redirectUri
 22 |     };
 23 | 
 24 |     return axios.post(url, data, {
 25 |         headers: {
 26 |             "Content-Type": "application/x-www-form-urlencoded"
 27 |         }
 28 |     })
 29 | }
 30 | 
 31 | // 获取 AccessToken
 32 | export async function RefreshToken(refreshToken: string) {
 33 |     const url = "https://login.microsoftonline.com/common/oauth2/token";
 34 |     const options = {
 35 |         method: "POST",
 36 |         url: url,
 37 |         headers: {
 38 |             "Content-Type": "application/x-www-form-urlencoded"
 39 |         },
 40 |         form: {
 41 |             grant_type: "refresh_token",
 42 |             client_id: token.clientId,
 43 |             client_secret: token.clientSecret,
 44 |             refresh_token: refreshToken,
 45 |             redirect_uri: token.redirectUri,
 46 |         }
 47 |     };
 48 | 
 49 |     return new Promise((resolve, reject) => {
 50 |         request(options, function (err, response, body) {
 51 |             if (!err) {
 52 |                 let jsonData = JSON.parse(body);
 53 |                 token.accessToken = jsonData.access_token;
 54 |                 token.expires_on = jsonData.expires_on
 55 |                 resolve(jsonData)
 56 |                 // SaveToken(jsonData.access_token, jsonData.refresh_token, token.scopes, jsonData.expires_on, function (err2, result) {
 57 |                 //     // console.log("result", jsonData);
 58 |                 //     // callback(err2, [jsonData]);
 59 |                 //     callback(err2, [{
 60 |                 //         accessToken: jsonData.access_token,
 61 |                 //         refreshToken: jsonData.refresh_token,
 62 |                 //         expiresOn: jsonData.expires_on,
 63 |                 //     }])
 64 |                 // })
 65 |             } else {
 66 |                 reject(err);
 67 |             }
 68 |         })
 69 |     })
 70 | 
 71 | 
 72 | }
 73 | 
 74 | 
 75 | // 获取文件列表
 76 | export async function GetChildren(path: string): Promise<any[]> {
 77 |     // 将 path 转换为url编码
 78 |     let UrlPath = encodeURIComponent(path);
 79 |     // 调用官方API
 80 |     const url = `https://graph.microsoft.com/v1.0/me/drive/root:${UrlPath}:/children?select=name,size,folder,@microsoft.graph.downloadUrl,lastModifiedDateTime,id`;
 81 |     const options = {
 82 |         method: "GET",
 83 |         url: url,
 84 |         headers: {
 85 |             "Authorization": `Bearer ${token.accessToken}`,
 86 |             "Content-Type": "application/x-www-form-urlencoded",
 87 |         },
 88 |     };
 89 | 
 90 | 
 91 |     return new Promise((resolve, reject) => {
 92 |         request(options, function (err, response, body) {
 93 |             if (!err) {
 94 |                 let jsonData = JSON.parse(body);
 95 |                 let ChildrenList: any[] = jsonData.value;
 96 |                 // 只需要取 name、size、id、folder.childCount、lastModifiedDateTime
 97 |                 let Children: any[] = [];
 98 |                 if (ChildrenList?.length > 0) {
 99 |                     ChildrenList.forEach(function (item) {
100 |                         let ext = null;
101 |                         if (!item.folder) {
102 |                             // 正则获取文件后缀
103 |                             let reg = /\.([^\.]+)$/;
104 |                             ext = reg.exec(item.name);
105 |                             if (ext) {
106 |                                 ext = ext[1];
107 |                             } else {
108 |                                 ext = "folder";
109 |                             }
110 |                         }
111 |                         let child = {
112 |                             file_fid: item.id,
113 |                             file_parent: path,
114 |                             file_name: item.name,
115 |                             file_type: ext || "folder",
116 |                             file_size: item.size,
117 |                             file_downloadUrl: item['@microsoft.graph.downloadUrl'] || "",
118 |                             childCount: item.folder || 0,
119 |                             lastModifiedDateTime: new Date(item.lastModifiedDateTime),
120 |                             file_up_time: GetNowTime(),
121 |                         }
122 |                         if (item.folder) {
123 |                             child.childCount = item.folder.childCount;
124 |                         }
125 |                         Children.push(child);
126 |                     });
127 | 
128 |                     Cache.set(path, Children, {
129 |                         // 1 小时
130 |                         ex: 60 * 60 * 1
131 |                     })
132 | 
133 |                     resolve(Children)
134 |                 } else {
135 |                     resolve(Children);
136 |                 }
137 |             } else {
138 |                 // callback(err, null);
139 |                 reject(err);
140 |             }
141 |         })
142 | 
143 |     })
144 | }
145 | 
146 | // 获取文件数据
147 | export async function GetFileData(file_id: string): Promise<any[]> {
148 |     // 调用官方API
149 |     const url = `https://graph.microsoft.com/v1.0/me/drive/items/${file_id}/content`;
150 |     const options = {
151 |         method: "GET",
152 |         url: url,
153 |         headers: {
154 |             "Authorization": `Bearer ${token.accessToken}`,
155 |             "Content-Type": "application/x-www-form-urlencoded",
156 |         },
157 |     };
158 | 
159 |     return new Promise((resolve, reject) => {
160 |         request(options, function (err, response, body) {
161 |             if (!err) {
162 |                 // 写入缓存
163 |                 Cache.set(file_id, body);
164 | 
165 |                 resolve(body)
166 |             } else {
167 |                 reject(err);
168 |             }
169 |         })
170 |     })
171 | 
172 | 
173 | }
174 | 
175 | 
176 | // // 获取OneDrive的Token
177 | // export function GetRefreshToken(code: string, callback: ICallback) {
178 | //     const url = "https://login.microsoftonline.com/common/oauth2/token";
179 | //     const options = {
180 | //         method: "POST",
181 | //         url: url,
182 | //         headers: {
183 | //             "Content-Type": "application/x-www-form-urlencoded"
184 | //         },
185 | //         form: {
186 | //             grant_type: "authorization_code",
187 | //             client_id: token.clientId,
188 | //             client_secret: token.clientSecret,
189 | //             code: code,
190 | //             redirect_uri: token.redirectUri
191 | //         }
192 | //     };
193 | 
194 | //     request(options, (err, res, body) => {
195 | //         if (err) {
196 | //             callback(err, null);
197 | //         } else {
198 | //             callback(null, JSON.parse(body));
199 | //         }
200 | //     });
201 | // }
202 | 
203 | // // 刷新OneDrive的Token
204 | // export function RefreshToken(refreshToken: string, callback: ICallback) {
205 | //     const url = "https://login.microsoftonline.com/common/oauth2/token";
206 | //     const options = {
207 | //         method: "POST",
208 | //         url: url,
209 | //         headers: {
210 | //             "Content-Type": "application/x-www-form-urlencoded"
211 | //         },
212 | //         form: {
213 | //             grant_type: "refresh_token",
214 | //             client_id: token.clientId,
215 | //             client_secret: token.clientSecret,
216 | //             refresh_token: refreshToken,
217 | //             redirect_uri: token.redirectUri,
218 | //         }
219 | //     };
220 | 
221 | //     request(options, function (err, response, body) {
222 | //         if (!err) {
223 | //             let jsonData = JSON.parse(body);
224 | //             token.accessToken = jsonData.access_token;
225 | //             SaveToken(jsonData.access_token, jsonData.refresh_token, token.scopes, jsonData.expires_on, function (err2, result) {
226 | //                 // console.log("result", jsonData);
227 | //                 // callback(err2, [jsonData]);
228 | //                 callback(err2, [{
229 | //                     accessToken: jsonData.access_token,
230 | //                     refreshToken: jsonData.refresh_token,
231 | //                     expiresOn: jsonData.expires_on,
232 | //                 }])
233 | //             })
234 | //         } else {
235 | //             console.log(`RefreshToken:${err}`);
236 | //             callback(err, null);
237 | //         }
238 | //     })
239 | // }
240 | 
241 | // // 列出 driveItem 的子项
242 | // export function GetChildren(path: string, callback: ICallback) {
243 | //     // 将 path 转换为url编码
244 | //     let UrlPath = encodeURIComponent(path);
245 | //     // 调用官方API
246 | //     const url = `https://graph.microsoft.com/v1.0/me/drive/root:${UrlPath}:/children?select=name,size,folder,@microsoft.graph.downloadUrl,lastModifiedDateTime,id`;
247 | //     const options = {
248 | //         method: "GET",
249 | //         url: url,
250 | //         headers: {
251 | //             "Authorization": `Bearer ${token.accessToken}`,
252 | //             "Content-Type": "application/x-www-form-urlencoded",
253 | //         },
254 | //     };
255 | //     request(options, function (err, response, body) {
256 | //         if (!err) {
257 | //             let jsonData = JSON.parse(body);
258 | //             let ChildrenList: any[] = jsonData.value;
259 | //             // 只需要取 name、size、id、folder.childCount、lastModifiedDateTime
260 | //             let Children: any[] = [];
261 | //             if (ChildrenList?.length > 0) {
262 | //                 // console.log(ChildrenList);
263 | 
264 | //                 ChildrenList.forEach(function (item) {
265 | //                     let ext = null;
266 | //                     if (!item.folder) {
267 | //                         // 正则获取文件后缀
268 | //                         let reg = /\.([^\.]+)$/;
269 | //                         ext = reg.exec(item.name);
270 | //                         if (ext) {
271 | //                             ext = ext[1];
272 | //                         } else {
273 | //                             ext = "folder";
274 | //                         }
275 | //                     }
276 | //                     let child = {
277 | //                         file_fid: item.id,
278 | //                         file_parent: path,
279 | //                         file_name: item.name,
280 | //                         file_type: ext || "folder",
281 | //                         file_size: item.size,
282 | //                         file_downloadUrl: item['@microsoft.graph.downloadUrl'] || "",
283 | //                         childCount: item.folder || 0,
284 | //                         lastModifiedDateTime: new Date(item.lastModifiedDateTime),
285 | //                         file_up_time: GetNowTime(),
286 | //                     }
287 | //                     if (item.folder) {
288 | //                         child.childCount = item.folder.childCount;
289 | //                     }
290 | //                     Children.push(child);
291 | //                 });
292 | //                 // console.log(ChildrenList);
293 | //                 SaveFileList(Children, path, function (err, result) {
294 | //                     callback(err, Children);
295 | //                 })
296 | //             } else {
297 | //                 callback(jsonData, Children);
298 | //             }
299 | //         } else {
300 | //             callback(err, null);
301 | //         }
302 | //     })
303 | // }
304 | 
305 | // // 获取文件数据
306 | // export function GetFileData(file_id: string, callback: ICallback) {
307 | //     // 调用官方API
308 | //     const url = `https://graph.microsoft.com/v1.0/me/drive/items/${file_id}/content`;
309 | //     const options = {
310 | //         method: "GET",
311 | //         url: url,
312 | //         headers: {
313 | //             "Authorization": `Bearer ${token.accessToken}`,
314 | //             "Content-Type": "application/x-www-form-urlencoded",
315 | //         },
316 | //     };
317 | //     // console.log(`GetFileData请求:${url}`);
318 | //     request(options, function (err, response, body) {
319 | //         if (!err) {
320 | //             SaveFileData(file_id, body, function (err, result) {
321 | //                 callback(err, body);
322 | //             })
323 | //         } else {
324 | //             callback(err, null);
325 | //         }
326 | //     })
327 | // }
328 | 


--------------------------------------------------------------------------------
/server/api/GetItem.post.ts:
--------------------------------------------------------------------------------
 1 | // /api/GetItem
 2 | import { SeverConfig } from '@/model/SeverConfig'
 3 | import { Cache } from '@/server/OneDrive/cache'
 4 | import { GetChildren } from '@/server/OneDrive/onedrive'
 5 | import { initialization } from '@/model/initialization'
 6 | 
 7 | 
 8 | export default defineEventHandler(async (event: any) => {
 9 |     const { path } = await readBody(event)
10 | 
11 |     initialization()
12 | 
13 |     let { onedrive_root } = SeverConfig
14 | 
15 |     let parent = onedrive_root
16 |     if (path.length > 0) {
17 |         parent += "/" + path.join("/")
18 |     }
19 | 
20 |     console.log("parent:", parent);
21 | 
22 |     let data: any = [];
23 | 
24 |     data = await Cache.get(parent)
25 | 
26 |     // let data = []
27 |     console.log('data:', data);
28 | 
29 |     if (!data) {
30 |         console.log(`没有内容, 重新获取`);
31 |         data = await GetChildren(parent)
32 |     }
33 | 
34 |     // console.log(`data:`, data);
35 | 
36 |     return {
37 |         code: '00',
38 |         msg: "获取成功",
39 |         items: data,
40 |     }
41 | })
42 | 
43 | 


--------------------------------------------------------------------------------
/server/api/GetReadme.post.ts:
--------------------------------------------------------------------------------
 1 | import { GetFileData } from '@/server/OneDrive/onedrive'
 2 | import { Cache } from '@/server/OneDrive/cache'
 3 | // import { kv } from "@vercel/kv";
 4 | 
 5 | export default defineEventHandler(async (event) => {
 6 | 
 7 |     const { fid } = await readBody(event)
 8 | 
 9 |     console.log("fid:", fid);
10 | 
11 | 
12 |     let data = await Cache.get(fid);
13 |     if (!data) {
14 |         console.log(`没有内容, 重新获取`);
15 |         data = await GetFileData(fid)
16 |     }
17 | 
18 |     // console.log(`data:`, data);
19 | 
20 | 
21 |     return {
22 |         code: '00',
23 |         msg: "获取成功",
24 |         data: data
25 |     }
26 | })


--------------------------------------------------------------------------------
/server/model/link.ts:
--------------------------------------------------------------------------------
 1 | import fconnection from '@/server/model/mysql'
 2 | import { ILink } from '@/model/Interfaces'
 3 | 
 4 | 
 5 | // 获取短链列表
 6 | export async function GetLinkList() {
 7 |     const connection = fconnection()
 8 |     return new Promise<ILink[]>((resolve, reject) => {
 9 |         connection.query("select * from link", function (err, result) {
10 |             if (err) { reject(err) }
11 |             resolve(result)
12 |         })
13 |     })
14 | 
15 | }
16 | 
17 | // 通过短链获取长链
18 | export async function GetLink(short_link: string) {
19 |     const connection = fconnection()
20 |     return new Promise<ILink[]>((resolve, reject) => {
21 |         connection.query("select * from link where short_link = ?", [short_link], function (err, result) {
22 |             if (err) { reject(err) }
23 |             resolve(result)
24 |         })
25 |     })
26 | }
27 | 
28 | // 添加短链
29 | export async function AddLink(short_link: string, long_link: string) {
30 |     const connection = fconnection()
31 |     return new Promise((resolve, reject) => {
32 |         connection.query("insert into link(short_link, long_link, click_cot) values(?,?,?)", [short_link, long_link, 0], function (err, result) {
33 |             if (err) { reject(err) }
34 |             resolve(result)
35 |         })
36 |     })
37 | }
38 | 
39 | // 编辑短链
40 | export async function EditLink(short_link: string, long_link: string, click_cot: number, id: number) {
41 |     const connection = fconnection()
42 |     return new Promise((resolve, reject) => {
43 |         connection.query("update link set short_link = ?, long_link = ?, click_cot = ? where id = ?", [short_link, long_link, click_cot, id], function (err, result) {
44 |             if (err) { reject(err) }
45 |             resolve(result)
46 |         })
47 |     })
48 | }
49 | 
50 | // 统计点击
51 | export async function ClickAdd(short_link: string) {
52 |     const connection = fconnection()
53 |     return new Promise((resolve, reject) => {
54 |         connection.query("update link set click_cot = click_cot + 1 where short_link = ?", [short_link], function (err, result) {
55 |             if (err) { reject(err) }
56 |             resolve(result)
57 |         })
58 |     })
59 | }


--------------------------------------------------------------------------------
/server/model/mysql.ts:
--------------------------------------------------------------------------------
 1 | import mysql from 'mysql2'
 2 | import { SeverConfig } from '@/model/SeverConfig'
 3 | 
 4 | const { MySqlConfig, configName } = SeverConfig
 5 | 
 6 | 
 7 | // 连接数据库
 8 | const connection = mysql.createConnection(MySqlConfig[configName])
 9 | 
10 | 
11 | // export default (() => (connection))
12 | export default (() => (connection))


--------------------------------------------------------------------------------
/server/routes/ForzaHorizon5/ForzaHorizon5/[...any].ts:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | export default defineEventHandler(async (event: any) => {
4 | 
5 |     return {
6 |         code: '404',
7 |         msg: '傻逼'
8 |     }
9 | })


--------------------------------------------------------------------------------
/server/routes/Games/[...any].ts:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | export default defineEventHandler(async (event: any) => {
4 | 
5 |     return {
6 |         code: '404',
7 |         msg: '傻逼'
8 |     }
9 | })


--------------------------------------------------------------------------------
/stores/useConfig.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | export const useConfig = defineStore('config', {
 3 |     state: () => ({
 4 |         MySqlConfig: {
 5 |             "pan": {
 6 |                 host: 'localhost',                                       // 数据库地址
 7 |                 user: 'root',                                            // 数据库用户名
 8 |                 password: '123456',                                      // 数据库密码
 9 |                 database: 'pan',                                         // 数据库名
10 |                 timezone: "08:00",                                       // 时区
11 |             },
12 |             "game": {
13 |                 host: 'localhost',                                       // 数据库地址
14 |                 user: 'root',                                            // 数据库用户名
15 |                 password: '123456',                                      // 数据库密码
16 |                 database: 'game',                                        // 数据库名
17 |                 timezone: "08:00",                                       // 时区
18 |             }
19 |         },
20 |         token: {
21 |             // scopes:'Files.ReadWrite.All profile openid email',      // 请求的范围
22 |             scopes: ['Files.ReadWrite.All', 'Files.Read.All', 'User.Read', 'offline_access'],      // 请求的范围
23 |             clientId: "9ed0b3ca-497d-43b4-a693-1506e19ee3ef",        // 应用程序的 clientId
24 |             clientSecret: "MCf8Q~460v2bWba2ge8qIjTSiziGYzOOyUib.aOk",// 应用程序的 clientSecret
25 |             authority: "https://login.microsoftonline.com/common",   // 应用程序的 authority
26 |             redirectUri: "http://localhost:3001/init/redirect",      // 应用程序的 redirectUri
27 |             accessToken: "",                                         // 应用程序的 accessToken
28 |         },
29 |         configName: "pan" as 'pan' | 'game',
30 |         onedrive_root: "/public"
31 |     })
32 | })


--------------------------------------------------------------------------------
/stores/useMain.ts:
--------------------------------------------------------------------------------
 1 | export const useMain = defineStore('main', {
 2 |     state: () => ({
 3 |         lazy_img: '/lazy_img.webp',
 4 |         wx: 'https://mod.3dmgame.com/static/upload/mod/202302/MOD63eb01f0e3e14.png@webp',
 5 |         zfb: 'https://mod.3dmgame.com/static/upload/mod/202302/MOD63eb01f0e2912.png@webp',
 6 |         logo: 'https://mod.3dmgame.com/static/upload/mod/202211/MOD6386ccf455c06.png@webp',
 7 |         leftMenu: null as boolean | null,
 8 |         leftMenuRail: false as boolean | null,
 9 | 
10 |     }),
11 | 
12 |     getters: {
13 |         // 相当于计算属性
14 |         // double: (state) => state.n * 2,
15 |     },
16 | 
17 |     actions: {
18 | 
19 |     },
20 | })
21 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   // https://nuxt.com/docs/guide/concepts/typescript
3 |   "extends": "./.nuxt/tsconfig.json"
4 | }
5 | 


--------------------------------------------------------------------------------