SyntaxError：JSON.parse：使用 fetch 的 JSON 数据的第 1 行第 1 列的数据意外结束

Question

我正在使用这个功能

obtenerCursos:async function(){
                    const data = await fetch('cursos.json', {mode: 'no-cors'});
                    const cursos = await data.json();
                    commit('llenarCursos',cursos)
                }

我尝试从本地 json 文件中获取数据：

[
    {"nombre":"item1", "id":1},
    {"nombre":"item2", "id":2},
    {"nombre":"item3", "id":3}
]

但我没有得到 json 数据我得到一个对象

Response
​
body: null
​
bodyUsed: false
​
headers: Headers
​
ok: false
​
redirected: false
​
status: 0
​
statusText: ""
​
type: "opaque"
​
url: ""

我不确定自己做错了什么

Answer 1

type: "opaque"

这意味着 JavaScript 看不到响应的内容。

由于 JS 看不到内容，所以它可以看到的内容长度为零。因此，它会在找到任何使其有效的 JSON 之前到达内容的末尾。

它是不透明的，因为你说：

mode: 'no-cors'

不要那样做。