使用 javascript fetch() 获取 md 文件的问题

Question

我目前正在开发一个网络应用程序，其中大部分内容都是用 Markdown 编写的。因此，为了处理这个问题，我想我可以创建一个 github 存储库来托管所有降价文件，然后使用 fetch() api 从 github 中获取文件。

我的代码看起来像这样：

fetch('https://github.com/erasabi/trekthroughs/blob/master/pen_testing/RickdiculouslyEasy.md')
    .then(response => response.blob())
    .then(result => console.log(result));

但是当我这样做时，我收到了这个错误：

无法加载https://github.com/erasabi/trekthroughs/blob/master/pen_testing/RickdiculouslyEasy.md：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问 Origin 'null'。如果不透明响应满足您的需求，请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

无论如何要这样做吗？最终结果是，一旦我获取了降价文件的内容，我想使用 showdown 或markedjs 将内容转换为网站的 html。

Answer 1

弄清楚基本上你必须做这样的事情：

fetch('https://raw.githubusercontent.com/erasabi/trekthroughs/master/pen_testing/RickdiculouslyEasy.md') 
    .then(response => response.text())
    .then(result => document.getElementById('content').innerHTML = marked(result));