为什么当我尝试获取降价文件时，获取请求不起作用？

Question

我正在尝试通过提取从我的计算机向浏览器 window 显示降价文件，但响应（文本）未定义，为什么会发生这种情况？我用我的代码留下了代码笔。

https://codepen.io/matiasConchaSoto/pen/popvQgp

<main>
 <h1>Blog con Markdown y ShowDown</h1>
</main>

<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.0.3/showdown.min.js"></script>
<script>
 const d = document,
 $main = d.querySelector("main");

 fetch("./assetsPropios/javascript.md")
 .then(res => {
   console.log(res);
   res.ok ? res.text() : Promise.reject(res);
})
 .then(text => {
   console.log(text);
   $main.innerHTML = text;
 })
 .catch(err => {
   console.log(err);
   let message = err.statusText || "Ocurrió un error";
   $main.innerHTML = `Error ${err.status}: ${message}`;
 });
</script>

请有人帮助我。

Answer 1

第一个 .then() 缺少一个 return。

尝试：

return res.ok ? res.text() : Promise.reject(res);

更好的是：

if(res.ok) {
    return res.text(); 
} else {
    throw new Error(res.statusText); // or some message of your own choice.
}

为什么当我尝试获取降价文件时，获取请求不起作用？

why does the fetch request not work when I try to fetch a markdown file?

javascript

api

ajax

fetch

promise