我无法访问我的 GitHub (raw.githubusercontent.com) 文件

Question

当我尝试在 Chrome 浏览器或 Microsoft Edge 中打开我的 GitHub Raw 文件时。我无法打开该网址。

https://raw.githubusercontent.com/imhardikdesai/JSON-Data/main/Hardik-Desai-Portfolio/project.json 在浏览器中打开时出现此错误

控制台错误

import React, { useState, useEffect } from "react";
import { Container, Row, Col } from "react-bootstrap";
import ProjectCard from "./ProjectCards";
import Particle from "../Particle";

function Projects() {

  const [project, setProject] = useState([])

  const fetchProject = async () => {
    const url = 'https://raw.githubusercontent.com/imhardikdesai/JSON-Data/main/Hardik-Desai-Portfolio/project.json';
    let data = await fetch(url);
    let myProjects = await data.json();
    setProject(myProjects.projects);
  }

  useEffect(() => {
    fetchProject();
  });

  return (
    <Container fluid className="project-section">
      <Particle />
      <Container>
        <h1 className="project-heading">
          My Recent <strong className="purple">Works </strong>
        </h1>
        <p style={{ color: "white" }}>
          Here are a few projects I've worked on recently.
        </p>
        <Row style={{ justifyContent: "center", paddingBottom: "10px" }}>

          {project.map((element) => {
            return <Col md={4} className="project-card" key={element.imgurl}>
              <ProjectCard
                imgPath={element.imgurl}
                isBlog={false}
                title={element.title}
                description={element.description}
                ghLink={element.sourceLink}
                badge={element.badge}
                demoLink={element.liveDemoLink}
              />
            </Col>
          })}

          {/* <Col md={4} className="project-card">
            <ProjectCard
              imgPath={bitsOfCode}
              isBlog={false}
              title="Bits-0f-C0de"
              description="My personal blog page build with Next.js and Tailwind Css which takes the content from makdown files and renders it using Next.js. Supports dark mode and easy to write blogs using markdown."
              ghLink="https://github.com/soumyajit4419/Bits-0f-C0de"
              demoLink="https://blogs.soumya-jit.tech/"
            />
          </Col> */}
        </Row>

      </Container>
    </Container>
  );
}

export default Projects;

但我可以在我的移动浏览器中打开此 URL。

我尝试以原始内容打开 GitHub JSON 文件，这样我就可以在我的项目中使用该文件作为 Fetch API

JSON 文件网址：-

https://raw.githubusercontent.com/imhardikdesai/JSON-Data/main/Hardik-Desai-Portfolio/project.json

Answer 1

尝试将您的 dns 服务器更改为 cloudflare、google 之类的服务器，而不是 ISP 提供的 dns。Cloudflare (1.1.1.1、1.0.0.1) 谷歌 DNS (8.8.8.8、8.8.4.4)

您可以按照本指南更改您的 dns 服务器 https://developers.google.com/speed/public-dns/docs/using#change_your_dns_servers_settings