我有点不明白。我一直在努力让 API 调用正常工作。然后,我把 URL 拆分成如下格式,它可以正常工作——确切地说,只能工作一次。之后再也无法正常工作了。我发誓没有更改任何内容。
在 AXIOS 中该怎么做呢?
错误信息:
XMLHttpRequest 无法加载http://magicseaweed.com/api/W2Z26fXscpELi7nPB0svfqcGj9FtGO9e/forecast/?spot_id=228。 所请求的资源中没有'Access-Control-Allow-Origin'标头。因此,来自'http://localhost:8080'的来源被禁止访问。
import axios from 'axios';
const ROOT_URL = `magicseaweed.com/api/W2Z26fXscpELi7nPB0svfqcGj9FtGO9e/forecast/`;
export const FETCH_WEATHER = 'FETCH_WEATHER';
export function fetchWeather() {
const url = `http://${ROOT_URL}?spot_id=228`;
const request = axios.get(url);
return {
type: FETCH_WEATHER,
payload: request
};
}
我尝试使用这个修改后的GET请求,但是没有成功
axios({
url: url ,
headers: {"Access-Control-Allow-Origin": "*"},
});
axios
文档,我没有找到配置这个的方法。我尝试了一些其他选项,但都没有成功。我会把它列出来。 - mornes
删除,只使用http,它就可以正常返回了。很抱歉我这么蠢,但今天是我第一次遇到这个问题。 - morne