本地部署生成的dist文件上传到githubpage后是空白页 #360

qipaifeiying · 2024-10-02T10:34:12Z

qipaifeiying
Oct 2, 2024

求教大佬。
我按照readme中的本地部署方法，将仓库克隆下来，执行以下命令
安装 pnpm
npm install -g pnpm
安装依赖
pnpm install
预览
pnpm dev
构建
pnpm build
本地预览的时候是正常的页面
将dist上传到github之后就成了空白页，然后我本地打开dist中的index.html也是空白的

index.html中的内容如下

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="/images/icon/favicon.ico" />
    <link rel="apple-touch-icon" href="/images/logo/apple-touch-icon.png" />
    <link rel="bookmark" href="/images/logo/apple-touch-icon.png" />
    <link rel="apple-touch-icon-precomposed" sizes="200x200" href="/images/logo/apple-touch-icon.png" />
    <meta name="description" content="一个默默无闻的主页" />
    <meta name="keywords" content="气派飞鹰,个人主页" />
    <meta name="author" content="气派飞鹰" />
    <meta name="theme-color" content="#424242" />
    <title>气派飞鹰の主页</title>
    <!-- HarmonyOS Sans -->
    <!-- 本站 CDN 已开启防盗链，非本站域名不可访问，请更改链接为下方内容，否则自定义字体将失效 -->
    <link rel="stylesheet" href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" />
    <!-- <link rel="stylesheet" href="https://cdn.imsyy.top/gh/imsyy/file/font/HarmonyOS_Sans/regular.min.css" /> -->
    <!-- IE Out -->
    <script>
      if (/*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode))
        window.location.href =
          'https://support.dmeng.net/upgrade-your-browser.html?referrer=' +
          encodeURIComponent(window.location.href);
    </script>
    <script type="module" crossorigin src="/assets/index-00332d97.js"></script>
    <link rel="stylesheet" href="/assets/index-84c4424a.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>

  <body>
    <!-- 主体内容 -->
    <div id="app"></div>
    <!-- noscript -->
    <noscript>
      <div style="text-align: center">请开启 JavaScript</div>
    </noscript>
    
  </body>
</html>

这是为什么呢？本人前段知识浅薄，请大佬赐教

qipaifeiying · 2024-10-03T05:44:45Z

qipaifeiying
Oct 3, 2024
Author

哦哦，我大概知道了，githubpages只能托管静态网页，本网页的4版本之后都是动态网页，github不能托管
本人前端小白，见谅。

0 replies

qipaifeiying · 2024-10-03T10:49:05Z

qipaifeiying
Oct 3, 2024
Author

又遇到了新的问题，这个音乐播放器的API好像对酷狗的支持不太好啊，我用了酷狗的歌单ID，但是显示错误，我不知道怎么弄了，是我酷狗歌单id找错了吗？酷狗歌单id怎么获得呢？

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

本地部署生成的dist文件上传到githubpage后是空白页 #360

{{title}}

Replies: 2 comments

{{title}}

{{title}}

Select a reply

本地部署生成的dist文件上传到githubpage后是空白页 #360

qipaifeiying Oct 2, 2024

Replies: 2 comments

qipaifeiying Oct 3, 2024 Author

qipaifeiying Oct 3, 2024 Author

qipaifeiying
Oct 2, 2024

qipaifeiying
Oct 3, 2024
Author

qipaifeiying
Oct 3, 2024
Author