首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何接受webpack对api的访问?

如何接受webpack对api的访问?
EN

Stack Overflow用户
提问于 2017-04-16 08:05:47
回答 2查看 387关注 0票数 0

我正在开发webpack的开发服务器。当我尝试访问http://api.openweathermap.org/data/2.5/forecast?id=2848756&appid={api_key}时,我无法访问并且可以看到此日志。

XMLHttpRequest无法加载http://api.openweathermap.org/data/2.5/forecast?id={api_key}。航班前响应有无效的HTTP状态代码405

我试着设置webpack.config.js。就像低沉的场景。

代码语言:javascript
运行
复制
devServer: {
    contentBase: 'dist',
    inline: true,
    hot:true,
    port: 8081,
    proxy: {
    '/**': {
    target: 'http://api.openweathermap.org',
    secure: false
  }
}

但还是没用。你知道怎么解决吗?告诉我这件事。谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-04-16 09:29:56

尝试从您的headers调用中删除axios.create()属性,它们没有意义( Access-Control-*属性是响应标头,而不是请求头,withCredentials是选项,而不是头),并且可能会混淆浏览器,认为它需要执行一个看起来不像是OpenWeather API服务器应该执行的CORS预飞行:

代码语言:javascript
运行
复制
const apiClient = API_URL => {
  return axios.create({
    baseURL         : API_URL,
    timeout         : 100000,
    withCredentials : 'true'
  });
};
票数 1
EN

Stack Overflow用户

发布于 2017-04-16 08:14:05

您将不得不在开放的天气API网站上注册,然后您将获得API密钥,您将不得不使用该密钥来调用API。

在你打电话的时候

http://api.openweathermap.org/data/2.5/forecast?id=2848756&appid={api_key}

请在上述呼叫注册后插入api_key。假设注册后得到api_key as =xxxxxxx

在上面调用的http://api.openweathermap.org/data/2.5/forecast?id=2848756&appid=xxxxxxx中使用它

然后,您将收到JSON响应中的数据。欲了解更多信息,请访问

https://openweathermap.org/appid

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43435111

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档