AxiosPOST请求出现CORS错误,但表单提交却可以正常工作(VimeoAPI)。
创始人
2024-09-28 22:30:27
0

这一问题的根本原因是跨源资源共享(CORS)问题。由于在通过Axios发送POST请求时请求头中没有包含对跨域请求的授权,从而导致了CORS错误。

解决该问题的方法是,需要在Axios实例中添加相关的跨域请求授权头,如下所示:

import axios from 'axios';

const api = axios.create({
  baseURL: 'https://api.vimeo.com',
  headers: {
    'Authorization': 'Bearer ', // replace with your Vimeo access token
    'Content-Type': 'application/json',
    'Accept': 'application/vnd.vimeo.*+json;version=3.4', // specify Vimeo API version
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, OPTIONS',
    'Access-Control-Allow-Headers': 'Authorization, Content-Type, Accept, DNT, X-CustomHeader, Keep-Alive, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Origin',
    'Access-Control-Expose-Headers': 'Authorization, Content-Type, Accept, DNT, X-CustomHeader, Keep-Alive, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Origin',
  },
});

api.post('/video/', {
  // specify POST parameters here
}).then((response) => {
  console.log(response.data);
}).catch((error) => {
  console.error(error);
});

其中,Access-Control-Allow-Origin等头部信息的添加可根据API提供商提供的相关文档进行调整。

通过增加相关跨域请求授权头部信息,即可在Axios中正常发送POST请求并返回响应结果。

相关内容

热门资讯

正版透视"wepok... 正版透视"wepoker发牌算法"开挂(透视)辅助平台(重大推荐wepoke教程)是一款可以让一直输...
曝光透视"微乐扑克辅... 微乐扑克辅助器下载是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可以加我...
必看透视"微扑克辅助... 无需打开直接搜索加微信客服(136704302)咨询了解微扑克辅助辅助器目前(微信:13670430...
详细透视"wepok... 详细透视"wepoker透视脚本连接"开挂(透视)辅助器(大家学习交流微扑克教程)是一款可以让一直输...
分析透视"WPK透视... 您好:WPK透视挂怎么用这款游戏是可以开挂的,软件加【添加微信客服136704302】确实是有挂的,...
关于透视"WePoK... 关于透视"WePoKer有没有透视软件挂"开挂(透视)辅助器(玩家必备教程靠谱教程)是一款可以让一直...
实测透视"WePoK... 您好:WePoKer辅助挂怎么下载的软件,软件加客服确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
详细透视"wepok... 无需打开直接搜索加微信客服(136704302)咨询了解wepoker辅助是真的吗辅助器目前(微信:...
详细透视"wepok... wepoker私人局透视挂真的吗是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要...
分析透视"微扑克辅助... 您好:微扑克辅助期是干嘛的这款游戏是可以开挂的,软件加【添加微信客服136704302】确实是有挂的...