Question

我正在尝试通过axios从其他来源获取数据，这会导致CORS问题

if (imgUrl) {
axios
.get(proxyUrl + imgUrl, {
headers: {
"Access-Control-Allow-Origin": "*",
"Content-Type": "application/json",
 },
 })
 .then((response) => {
 console.log("response inside orderdetailPageCOntainer", response)
 this.setState({binaryData: response.headers["x-final-url"]}, () => 
 console.log("bbbbbbbb",this.state. binaryData));
 });
 // fetch(proxyUrl + imgUrl)
 //   .then(response => response.text())
 //   .then(contents => console.log("contents", contents))
 //   .catch(() => console.log(`Can’t access ${imgUrl} response. Blocked 
 by browser?`));
 }

Answer 1

执行以下步骤，

1）首先检查您的Api是否启动。

2）尝试通过邮递员工具发出请求。临时授权人不适用于通过邮递员提出的请求。

3）如果通过邮递员的请求成功，那么您的Api很好。问题是问题。

4）然后将前端应用程序的域添加为Api配置中允许的来源。他们的方式取决于您的Api技术。阅读相关文档。

5）没有使用请求标头：“ Access-Control-Allow-Origin”：“ *”。在客户端。

希望这会有所帮助，干杯

Answer 2

跨源资源共享（CORS）是允许服务器放宽同源策略的标准。这用于显式允许某些跨域请求，同时拒绝其他请求。

也许其他服务器拒绝从其他域加载资源。

Axios中的CORS问题

2 个答案: