update

scripts/local-proxy.mjs

@@ -0,0 +1,57 @@
+// 本地预览用的极简代理：模拟生产里 proxy(nginx) 的分流。
+//
+//   /api/*  → 后端（默认 127.0.0.1:8090）
+//   其余     → astro preview（默认 127.0.0.1:4322）
+//
+// 为什么需要它：生产环境里浏览器只访问一个域名，/api 由 nginx 反代到后端；
+// 本地没有 nginx，astro preview 只跑 Astro 自己的路由，/api 会 404。
+// 这个脚本让本地的访问方式和生产一致（同源），不产生 CORS，也不需要改任何业务配置。
+//
+// 用法：
+//   node scripts/local-proxy.mjs          # 默认 http://localhost:8099
+//   PROXY_PORT=9000 node scripts/local-proxy.mjs
+//   （先启动 astro preview，再启动它）
+import http from 'node:http'
+
+const PORT = Number(process.env.PROXY_PORT || 8099)
+const WEB_ORIGIN = process.env.WEB_ORIGIN || 'http://127.0.0.1:4322'
+const API_ORIGIN = process.env.API_ORIGIN || 'http://127.0.0.1:8090'
+
+const server = http.createServer((req, res) => {
+  const url = req.url || '/'
+  const isApi = url === '/api' || url.startsWith('/api/')
+  const target = new URL(url, isApi ? API_ORIGIN : WEB_ORIGIN)
+
+  const proxyReq = http.request(
+    {
+      protocol: target.protocol,
+      hostname: target.hostname,
+      port: target.port,
+      path: target.pathname + target.search,
+      method: req.method,
+      headers: { ...req.headers, host: target.host },
+    },
+    (proxyRes) => {
+      res.writeHead(proxyRes.statusCode || 502, proxyRes.headers)
+      proxyRes.pipe(res)
+    }
+  )
+
+  proxyReq.on('error', (err) => {
+    // 后端没起 / preview 没起时给出明确提示，而不是挂住
+    res.writeHead(502, { 'content-type': 'text/plain; charset=utf-8' })
+    res.end(
+      `local-proxy: 连不上 ${isApi ? API_ORIGIN : WEB_ORIGIN}\n` +
+        `${err.message}\n\n` +
+        (isApi ? '先把后端跑起来（8090）\n' : '先跑 npm run preview（4322）\n')
+    )
+  })
+
+  req.pipe(proxyReq)
+})
+
+server.listen(PORT, () => {
+  console.log(`[local-proxy] http://localhost:${PORT}`)
+  console.log(`  /api/*  → ${API_ORIGIN}`)
+  console.log(`  其余     → ${WEB_ORIGIN}`)
+})