如何修复Vue.js和Spring Boot应用程序中的CORS错误

Question

CORS策略阻止从来源“http：//localhost:8080”访问“https://.amazonaws.com/.mp3”的音频：请求的资源上没有“access-control-allog-origin”标头

我们有一个Vue.js前端和spring boot后端。

<audio data-v-3f267e7a="" src="https://****.amazonaws.com/****.mp3" eq-attached="true"></audio>

Answer 1

由于您的错误是CORS，在您的vue.js和amazon音频url之间，spring boot与此无关。

通常CORS告诉我们：没有web应用程序可以使用JavaScript下载我的资源。

在您的情况下，亚马逊告诉您：您在本地主机的网站不能下载我的音频。

Access-Control-Allow-Origin : *

如果url可以在后端下载，我的意思是使用java而不是javascript，您可以创建一个简单的spring控制器，它将下载音频并返回字节或vue应用程序需要的其他格式。在这一点上，您是所有者，所以您可以添加任何您需要的CORS头。