javascript - 从 Javascript 中的 url 获取 JSON 文件,React Native
问题描述
我从 url 获取 JSON 数据时遇到问题。如果您能帮我解决这个问题,我将不胜感激。
我想从 firebase 存储中获取 JSON 数据,但有些我做不到,所以我简化了代码,现在它真的很简单,但没有运气。我也在这个社区搜索了错误的原因,但没有找到。
这是我的代码。
import React, { Component } from 'react';
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
export default class App extends Component {
render() {
return (
<View>
<TouchableOpacity onPress={this.handleOnPress}>
<Text>test</Text>
</TouchableOpacity>
</View>
);
}
handleOnPress = () => {
console.log('test was clicked');
fetch('https://facebook.github.io/react-native/movies.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
};
}
不用说,显示“测试已单击”消息没有任何问题
错误信息
Error: "Failed to fetch" in TypeError: Failed to fetch ...
我使用 Expo Snack,网络编译器。
谢谢你。
解决方案
是 Failed to fetch 之前的错误:
Access to fetch at 'https://facebook.github.io/react-native/movies.json' from origin 'XXX' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
如果是这样,这是一个CORS问题。
如果没有,请随时发布您看到的任何其他信息。我确信记录的错误一定多于 - 获取失败。
推荐阅读
- c# - 在播放中跳过静音 - 优化值
- python-3.x - 使用 Pandas 获取值和日期都匹配时的第一个日期时间
- python - 在熊猫数据框中,如何对字符串列的值进行正则表达式替换
- docker - 泊坞窗操作的新位置
- matlab - Psychtoolbox-3 中的键盘组合检测
- ios - swift中的tableView编辑样式
- python - 生成 xarray.Dataset 图像子图
- python-3.x - 如何从某个日期找出 Python 中的当前年龄?
- rust - Rust 中的可变借用
- javascript - 创建一个看起来像 windown 但大小调整器有问题的 html 模板