当前位置: 首页 > 面试题库 >

反应:Axios网络错误

郎诚
2023-03-14
问题内容

这是我第一次使用axios,遇到错误。

  axios.get(
    `http://someurl.com/page1?param1=1&param2=${param2_id}`
  )
  .then(function(response) {
    alert();
  })
  .catch(function(error) {
    console.log(error);
  });

使用正确的url和参数,当我检查网络请求时,确实可以从服务器中获得正确的答案,但是当我打开控制台时,我看到它没有调用回调,而是捕获了错误。

错误:网络错误堆栈跟踪:createError @ http:// localhost:3000 / static / js /
bundle.js:2188:15

handleError @ http:// localhost:3000 / static / js /
bundle.js:1717:14


问题答案:

您的Express应用程序需要使用CORS(跨源资源共享)。将以下内容添加到您的服务器文件中:

// This should already be declared in your API file
var app = express();

// ADD THIS
var cors = require('cors');
app.use(cors());

为了更全面地了解CORS,请阅读有关CORS的Mozilla文档。



 类似资料:
  • 我试着从babelify、watchify、browserify转到webpack、webpack服务器和babel。 我记得6个月前,我离开了webpack,因为它让我在尝试使用aws sdk时遇到了类似的问题。 出于某种原因,每次构建时都会出现以下错误: 哈希: 396f0bfb9d565b6f60f0版本: webpack 1.14.0时间: 61ms[0]。/src/index.js0字节

  • 我正在尝试从react前端查询我的Azure搜索门户。我已启用正确索引上的所有COR。当我用fetch查询时,我得到的数据很好,但是当我用axios查询时,我得到了以下错误 CORS策略阻止从源http://localhost:3000在maskedurl访问XMLHttpRequest:对预试请求的响应不通过权限改造检查:请求的资源上不存在访问控制允许源标头。 这是我的组件 这是我在名为azur

  • **>错误:请求失败,状态代码为404, 在createError(createError.js:16)在settle.js:17)在xmlHttpRequest.HandleLoad(xhr.js:62)**

  • 我面临一个非常奇怪的问题: 我尝试获取一个反应本机应用程序。在物理iPhone一切正常,在模拟器上我得到错误“网络请求失败”。 API是https,我已经更改了信息。plist允许NSAllowsArbitraryLoads。 我nfo.plist: 我建议是证书之类的。

  • 我正在尝试使用 来为我的 react 应用程序的一小部分提供服务。我有两个部分(和),但我只对部分有顾虑。 我尝试了以下方法: > 在根目录下创建文件 我添加了来忽略babel,因为我无法使它导入文件,它不断抛出: 。 但是,每次我运行webpack时,它都会抛出诸如以下的错误: 位于这个根文件夹中。

  • 我在Axios上使用Vue JS 2.5: 我想打一个像这样的电话: 我也尝试过不使用“axioconfig”参数。但每次它进入catch时,都会显示一条消息:Error:networkerror 在浏览器的网络选项卡中,我得到了200个状态和良好的响应(使用有效的json),它基本上可以工作,但Axios返回错误,没有响应。 控制台还输出以下警告: 我试着从邮递员那里打同样的电话,效果很好。不同