如果收到的响应不透明，如何从 url 获取数据。模式："no-cors"未显示任何效果

Question

在获取链接响应时应该给我一个包含两个值的数组，但这里的响应在控制台中显示为 bellow.
response： 响应 {类型： "不透明"， 网址： "， 重定向： 假， 状态： 0， 确定： 假， ...}

index.js:1 Error: Error: Could not fetch user roles data!
at fetchData (role-actions.js:12)
at async role-actions.js:21
**code:**
export const fetchRoleData = () => {
return async (dispatch) => {
const fetchData = async () => {
const response = await fetch("https://api.saaspect.com/user/roles", {
mode: "no-cors",
});
console.log("response", response);
if (!response.ok) {
throw new Error("Could not fetch user roles data!");
}
const data = await response.json();
return data;
};
try {
const roles = await fetchData();
console.log("inside try");
dispatch(
uiActions.showUserRoles({
userRoles: roles.items || [],
})
);
} catch (error) {
console.error("Error:", error);
}
};
};

Answer 1

你不能。不透明意味着响应是一个你看不到里面的框。

mode: 'no-cors'只有您需要发送请求而看不到响应才有用。

如果你想查看它的内部，你需要服务器mode: 'cors'和权限(根据CORS规范)来读取响应。