试图使axios反应从localhost：8080到Rails服务器localhost：3000的请求

Question

我在localhost：3000的Rails服务器正在提供以下json：

并且我正在尝试通过以下方式发出请求：

import axios from 'axios'

export const ROOT_URL = 'localhost:3000';

export const FETCH_HANGOUTS = 'FETCH_HANGOUTS';

export function fetchHangouts() {
  const path = 'api/v1/hangouts'
  const url = `${ROOT_URL}/${path}`;
  const request = axios.get(url);
  console.log("url:", url)
  console.log("request:", request);

  return {
    type: FETCH_HANGOUTS,
    payload: request
  };
}

但这失败了，并显示以下错误：

[[PromiseValue]]: Error: Network Error at createError (http://localhost:8080/bundle.js:23880:16) at XMLHttpRequest.handleError (http://localhost:8080/bundle.js:23732:15)`

这是怎么回事？

Answer 1

您面临的CORS错误问题。由于出现了网络错误，因此由于跨源策略而无法访问服务器。