Q: Failed to fetch错误 || Q: Failed to fetch error

[lyx-JuneSnow]

Describe the bug | 问题描述

我的网站按照waline部署好了评论功能后，可以登录了，但是评论出现Failed to fetch，请问应该怎么解决？
之前看到有类似问题，但我发现我还是不能解决

---
import { SERVER_URL } from "../consts";
---

<br />
<link
  rel="stylesheet"
  href="https://unpkg.com/@waline/client@v3/dist/waline-meta.css"
/>
<div class="comment">
  <div id="waline" data-server-url={SERVER_URL}></div>
</div>
<script type="module">
  import { init } from "https://unpkg.com/@waline/client@v3/dist/waline.js";

  const serverURL = document
    .getElementById("waline")
    .getAttribute("data-server-url");
  init({
    el: "#waline",
    serverURL: 'https://waline-blnx-l5qzavms5-junesnows-projects.vercel.app/',
    dark: 'html[data-theme="dracula"]',
    reaction: [
      "https://saroprock.s3.bitiful.net/good.png",
      "https://saroprock.s3.bitiful.net/bad.png",
      "https://saroprock.s3.bitiful.net/happy.png",
      "https://saroprock.s3.bitiful.net/color.png",
      "https://saroprock.s3.bitiful.net/confuse.png",
      "https://saroprock.s3.bitiful.net/heart.png",
      "https://saroprock.s3.bitiful.net/rocket.png",
      "https://saroprock.s3.bitiful.net/eyes.png",
    ],
    emoji: [
      'https://unpkg.com/@waline/[email protected]/qq',
      'https://unpkg.com/@waline/[email protected]/tieba',
    ],
    search: false,
    comment: true,
  });
</script>

代码如上

Website URL | 问题网站

https://junesnowblog-junesnows-projects.vercel.app/

Where your waline deploy? | 服务部署在哪里？

Vercel (Default)

Where your comment data store? | 数据存储在哪里？

GitHub

---

Describe the bug | Problem description

After deploying the comment function on my website according to waline, I can log in, but the comment appears Failed to fetch. How should I solve it?
I've seen similar problems before, but I still can't solve them.

---
import { SERVER_URL } from "../consts";
---

<br />
<link
  rel="stylesheet"
  href="https://unpkg.com/@waline/client@v3/dist/waline-meta.css"
/>
<div class="comment">
  <div id="waline" data-server-url={SERVER_URL}></div>
</div>
<script type="module">
  import { init } from "https://unpkg.com/@waline/client@v3/dist/waline.js";

  const serverURL = document
    .getElementById("waline")
    .getAttribute("data-server-url");
  init({
    el: "#waline",
    serverURL: 'https://waline-blnx-l5qzavms5-junesnows-projects.vercel.app/',
    dark: 'html[data-theme="dracula"]',
    reaction: [
      "https://saroprock.s3.bitiful.net/good.png",
      "https://saroprock.s3.bitiful.net/bad.png",
      "https://saroprock.s3.bitiful.net/happy.png",
      "https://saroprock.s3.bitiful.net/color.png",
      "https://saroprock.s3.bitiful.net/confuse.png",
      "https://saroprock.s3.bitiful.net/heart.png",
      "https://saroprock.s3.bitiful.net/rocket.png",
      "https://saroprock.s3.bitiful.net/eyes.png",
    ],
    emoji: [
      'https://unpkg.com/@waline/[email protected]/qq',
      'https://unpkg.com/@waline/[email protected]/tieba',
    ],
    search: false,
    comment: true,
  });
</script>

The code is as above

Website URL | Problem website

https://junesnowblog-junesnows-projects.vercel.app/

Where your waline deploy? | Where is the service deployed?

Vercel (Default)

Where your comment data store? | Where is the data stored?

GitHub