如何修复Vue.js和Spring Boot应用程序中的CORS错误
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>
共有1个答案
由于您的错误是CORS，在您的vue.js和amazon音频url之间，spring boot与此无关。
通常CORS告诉我们：没有web应用程序可以使用JavaScript下载我的资源。
在您的情况下，亚马逊告诉您：您在本地主机的网站不能下载我的音频。
Access-Control-Allow-Origin : *
如果url可以在后端下载，我的意思是使用java而不是javascript，您可以创建一个简单的spring控制器，它将下载音频并返回字节或vue应用程序需要的其他格式。在这一点上，您是所有者，所以您可以添加任何您需要的CORS头。
-
我已经尝试了所有的方法（如您在下面的代码中所见）。 第一： 我甚至安装了chrome扩展，但它也不工作。 你能告诉我我做错了什么吗？
-
出于某种原因，我的应用程序突然无法再构建了。首先我有颤振devtools问题，然后我升级到颤振2.8。1现在我的应用程序无法生成。我试着把Gradle升级到7.3。3和JDK 17，但我的应用程序无法构建，我搜索了整个GitHub和StackOverflow，但找不到解决方案。 这是我的第一个错误： 我通过添加以下内容来修正： 去gradle.properties. 但是现在当我试图构建时，我得到
-
我正在发布一个在我的计算机（windows 10）上工作正常的应用程序，但在目标计算机（windows 7）上不工作 我尝试在没有签署ClickOnce清单的情况下发布，我已经将所有引用copy local设置为true，我确保目标machine.NET版本相同，我已经研究了堆栈溢出的所有类似主题，但没有任何帮助。 源代码部署url：file：///i：/systems/systems%20tea
-
我正在登录页面上工作，基于Androidhive教程和问题是在2布局下工作正常，但对于3布局应用程序将崩溃。 在androidhive教程中使用了2布局，但我想使用3，因为我收到短信然后otp然后注册，所以问题是3rd布局，它不会出现并崩溃。 Androidhive教程链接：第1部分第2部分 以下是代码: XML Java Logcat 08-29 10:48:12.426 4499-4499/i
-
我正试图将Rails应用程序部署到heroku，但出现了一个错误，如下所示。我也在整理我的档案。 宝石文件将保留安装在 /tmp/build_232b9vaemz20q/vendor/bundle/ruby/1.9.1/gems/sqlite3-1.3.7以供检查。结果记录到 /tmp/build_232b9vaemz20q/vendor/bundle/ruby/1.9.1/gems/sqlite