我从 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之前的错误是:
从源“XXX”获取“https://facebook.github.io/react-native/movies.json”的访问已被 CORS 策略阻止:没有“Access-Control-Allow-Origin” header 存在于所请求的资源上。如果不透明响应满足您的需求,请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。
如果是这样,那就是 CORS问题。
如果没有,请随时发布您看到的任何其他信息。我确信记录的错误一定比“无法获取”更多。
关于javascript - 从 Javascript、React Native 中的 url 获取 JSON 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60930888/