From 5422f68b45ca0cef82b98717a67070ce79fa5743 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Wed, 18 Sep 2024 13:35:17 +0800
Subject: [PATCH] feat: Add VITE_DEV_PROXY configuration for npm registry API
 proxy

---
 .env.development                                  | 1 +
 src/components/vue-macros/ReactivityTransform.vue | 2 +-
 src/pages/index-page.vue                          | 5 +++++
 vercel.json                                       | 5 ++++-
 vite.config.ts                                    | 4 ++++
 5 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/.env.development b/.env.development
index 8aa67ae..8f7bbe4 100644
--- a/.env.development
+++ b/.env.development
@@ -1,3 +1,4 @@
 VITE_BUILD_TIME=DEV
 VITE_BUILD_COMMIT=DEV
 VITE_BASE=/
+VITE_DEV_PROXY=[["/npm-registry-api","https://npm-cf-proxy.oo1.dev"]]
\ No newline at end of file
diff --git a/src/components/vue-macros/ReactivityTransform.vue b/src/components/vue-macros/ReactivityTransform.vue
index 0899dfe..0c0ceda 100644
--- a/src/components/vue-macros/ReactivityTransform.vue
+++ b/src/components/vue-macros/ReactivityTransform.vue
@@ -2,7 +2,7 @@
 // https://vue-macros.dev/zh-CN/features/reactivity-transform.html
 let count = $ref(0);
 
-console.log(count);
+// console.log(count);
 
 function increment() {
   count++;
diff --git a/src/pages/index-page.vue b/src/pages/index-page.vue
index ea7d5e4..12e2519 100644
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@@ -25,6 +25,11 @@ const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => (
     </div>
   </>
 );
+
+/* fetch('https://jsonplaceholder.typicode.com/posts/1')
+  .then((response) => response.json())
+  .then((json) => console.log(json)); */
+fetch('/npm-registry-api/@vue%2Fbabel-plugin-jsx');
 </script>
 
 <template>
diff --git a/vercel.json b/vercel.json
index 0f32683..4b0dd3f 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,3 +1,6 @@
 {
-  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
+  "rewrites": [
+    { "source": "/(.*)", "destination": "/index.html" },
+    { "source": "/npm-registry-api/(.*)", "destination": "https://npm-cf-proxy.oo1.dev/$1" }
+  ]
 }
diff --git a/vite.config.ts b/vite.config.ts
index bf843c3..773423f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -16,6 +16,7 @@ import Markdown from 'unplugin-vue-markdown/vite';
 import { getPascalCaseRouteName, VueRouterAutoImports } from 'unplugin-vue-router';
 import VueRouter from 'unplugin-vue-router/vite';
 import { createSplitChunkOutput } from 'utils4u/rollup';
+import { createViteProxy } from 'utils4u/vite';
 import { defineConfig, loadEnv, PluginOption } from 'vite';
 import cdnImport from 'vite-plugin-cdn-import';
 import vueDevTools from 'vite-plugin-vue-devtools';
@@ -37,6 +38,9 @@ export default defineConfig(({ mode, command }) => {
         '@': fileURLToPath(new URL('./src', import.meta.url)),
       },
     },
+    server: {
+      proxy: createViteProxy(),
+    },
     build: {
       sourcemap: mode !== 'production' || env.VITE_SOURCE_MAP === 'true',
       rollupOptions: {