feat: pages support Cloudflare Zero Trust (#477)

frontend/package.json

@@ -8,6 +8,7 @@
     "build": "vite build -m prod --emptyOutDir",
     "build:release": "vite build -m example --emptyOutDir",
     "build:pages": "vite build -m pages --emptyOutDir",
+    "build:pages:nopwa": "VITE_PWA_DISABLED=true vite build -m pages --emptyOutDir",
     "build:telegram": "VITE_IS_TELEGRAM=true vite build -m prod --emptyOutDir",
     "build:telegram:release": "VITE_IS_TELEGRAM=true vite build -m example --emptyOutDir",
     "preview": "vite preview",

frontend/src/main.js

@@ -5,7 +5,9 @@ import router from './router'
 import { registerSW } from 'virtual:pwa-register'
 import { createHead } from '@unhead/vue'
 
-registerSW({ immediate: true })
+const disablePwa = import.meta.env.VITE_PWA_DISABLED === 'true';
+
+if (!disablePwa) registerSW({ immediate: true })
 const i18n = createI18n({
     legacy: false, // you must set `false`, to use Composition API
     locale: 'zh', // set locale

frontend/vite.config.js

@@ -35,7 +35,7 @@ export default defineConfig({
       resolvers: [NaiveUiResolver()]
     }),
     VitePWA({
-      registerType: 'autoUpdate',
+      registerType: process.env.VITE_PWA_DISABLED == "true" ? null : 'autoUpdate',
       devOptions: {
         enabled: true
       },

vitepress-docs/docs/zh/guide/cli/pages.md

@@ -41,6 +41,7 @@ pnpm run deploy
 ```bash
 cd frontend
 pnpm install
+# 如果你要启用 Cloudflare Zero Trust, 需要使用 pnpm build:pages:nopwa 来禁用缓存
 pnpm build:pages
 cd ../pages
 pnpm run deploy