pages测试

Author: JunWang666

.github/workflows/deploy.yml

@@ -29,6 +29,8 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
+        env:
+          GITHUB_PAGES: true
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

app/page.tsx

@@ -90,8 +90,12 @@ const RandomNamePickerContent = () => {
   );
 
   const handleShareList = () => {
-    // 自动检测当前URL的路径前缀，兼容不同部署环境
-    const url = `${window.location.origin}${window.location.pathname.split('/').slice(0, -1).join('/')}/?list=${encodeURIComponent(names.join(','))}`;
+    // 检测是否在 GitHub Pages 环境
+    const isGitHubPages = window.location.hostname.includes('github.io');
+    // 根据环境生成基础路径
+    const basePath = isGitHubPages ? '/RandomChoice.NextJS' : '';
+    // 生成完整的分享链接
+    const url = `${window.location.origin}${basePath}/?list=${encodeURIComponent(names.join(','))}`;
     navigator.clipboard.writeText(url);
     alert('分享链接已复制到剪贴板!');
   };

next.config.ts

@@ -4,12 +4,14 @@ const withPWA = require('next-pwa')({
   skipWaiting: true,
 });
 
-// 简化配置，针对 Netlify 部署环境
-const config = {
+// 设置 GitHub Pages 的基础路径
+const basePath = '/RandomChoice.NextJS';
+
+module.exports = withPWA({
   reactStrictMode: true,
   output: 'export',
   distDir: 'out',
   trailingSlash: true, // 有助于静态部署
-};
-
-module.exports = withPWA(config);
+  basePath: basePath,
+  assetPrefix: basePath,
+});