初始化

创建项目

1
2
3

yarn create vite
cd ./module-name
yarn

引入常用依赖

功能

1

yarn add -S vue-router

界面

1

yarn add -D naive-ui

插件

1
2
3

yarn add -D unplugin-vue-components
yarn add -D unplugin-auto-import
yarn add -D @types/node

配置

vite.config.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import AutoImport from 'unplugin-auto-import/vite'
import { resolve } from 'path'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [NaiveUiResolver()]
    }),
    AutoImport({
      imports: ['vue', 'vue-router',]
    })
  ],
  resolve: {
    // 配置路径别名
    alias: {
      '@': resolve('./src'),
    },
  },
})

tsconfig.json

1
2
3
4

"baseUrl": ".",
"paths": {
  "@/*": ["src/*"]
}

router.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import { createRouter, createWebHistory } from "vue-router";

const routes = [
    {
        path: '/',
        name: 'index',
        component: () => import('@/components/Index.vue')
    }
]

const router = createRouter({
    routes,
    history: createWebHistory()
})

export default router

main.ts

1
2
3
4
5
6
7
8
9

import { createApp } from 'vue'
import App from './App.vue'
import router from '@/modules/router'

const app = createApp(App)
app.use(router)

app.mount('#app')

没错，就是现在博客正在使用的域名eigeen.com不能添加到Cloudflare。

众所周知，Cloudflare官方只允许NS接入，意味着你的域名解析都要通过CF，在国内解析速度会明显变慢。表现就是新用户访问你的网站，普遍会白屏转圈两三秒再显示内容。这对我的博客影响巨大，毕竟服务器和CDN都在国内，被cf的DNS解析拉慢了速度可不能忍。

但我又不想放弃Cloudflare的优质服务和超强的防御力，所以其实可以另辟蹊径，通过CNAME解析使用CF的服务。官方只能NS接入，但是CF Partner网站是允许CNAME接入的，于是尝试使用这类网站管理解析。

我的其他几个域名是没有问题的，正常接入。但是唯独主要域名eigeen.com不行，提示这个错误:

所有的Partner站点都是同样的报错

好家伙，我啥时候添加了？有内鬼？

经过一番思考和调查，我高度怀疑是之前使用了百度云加速的缘故。百度云加速与Cloudflare的合作还算挺多的，海外也有为Cloudflare提供的服务器。我怀疑百度之前也用了类似的方案，但是在我取消接入百度云加速后，他们并没有把我的域名从CF中删除，于是就出现了这种冲突。

起因

事件起因是在之前的项目中，使用命令git add .将当前改动添加到暂存区。但是因为疏忽，刚刚放进来的几百兆大小的视频文件没有设置忽略，于是理所当然的被加入了暂存区…

然后，项目内的.git文件夹就一下子大了几百兆。我赶紧从暂存区取消掉视频文件，但是.git文件夹并没有因此变小。继续执行git commit，即使版本管理中已经没有这个文件，.git文件夹依旧保持几百兆的大小。

解决方案

我认为这种情况肯定有解决方案，可以释放掉存在暂存区但实际上并没有被提交的无用文件。通过一番搜索和走了一点弯路后，发现只需要一条命令即可解决：

1

git gc --prune=now

执行命令后，文件夹大小立刻减小，问题解决。

这次又遇到了求生之路需要开多人房间的需求。在原版游戏中，战役模式最多只能四人同时游玩。即使服务器通过后台修改指令，让更多的人进入游戏房间，也只有四人能玩，剩下的玩家都进入旁观者模式。

所以，为了让更多的人同时游玩，不再出现“四人游戏，一人围观”的情况，我将本次安装插件的过程记录下来，方便回顾，顺便帮助更多人。

这个家伙很懒，什么都没有留下

2333