如果响应不透明，如何从 url 获取数据。模式：“no-cors”没有显示任何效果

Question

在获取链接响应时，应该给我一个包含两个值的数组，但这里的响应显示如下。
控制台中的响应： 响应 {type: "opaque", url: "", redirected: false, status: 0, ok: false, ...}

  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 规范）才能读取响应。