使用javascript fetch（）

Question

我目前正在开发一个网络应用，其中大部分内容都是用降价方式编写的。因此，为了处理这个问题，我想我可以创建一个github repo来托管所有markdown文件，然后使用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：否＆＃39;访问控制 - 允许 - 来源＆＃39;标头出现在请求的资源上。起源＆＃39; null＆＃39;因此不允许访问。如果不透明的回复符合您的需求，请将请求的模式设置为“无人”状态。在禁用CORS的情况下获取资源。

无论如何都要这样做吗？最终结果是，一旦我获取markdown文件的内容，我想使用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));