PDF 被 CORS 策略阻止答案

【问题标题】：PDF blocked by CORS policyPDF 被 CORS 策略阻止
【发布时间】：2020-09-11 23:14:00
【问题描述】：

我对 CORS 政策有疑问。我正在创建角度应用程序并做错了什么。

我在 localhost:4200 上运行 Angular 应用程序，我的 api 在 XAMPP localhost 上运行。我想通过 url 从后端加载 PDF。我正在使用' apiUrl + "navod/TS02-307_UM.pdf" '，其中 apiUrl 是环境变量：apiUrl: 'http://localhost/'。

虽然我想加载 PDF，但我遇到了 CORS 政策的问题。如果我将网址更改为：https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf。一切正常。

我的错误应该在哪里？ :)

【问题讨论】：

标签： angular pdf cors

【解决方案1】：

在您的文件目录中创建一个名为“.htaccess”的文件，并将以下内容添加到文件中。

Header set Access-Control-Allow-Origin "http://localhost:4200/"

或

Header set Access-Control-Allow-Origin "*"

CORS on apache

在你的 httpd.conf 中检查这个标志：

AllowOverride All   <--- make sure this is not set to "None"

另见：Do you have to restart apache to make re-write rules in the .htaccess take effect?

【讨论】：

我在 localhost 的根目录下添加了“.htaccess”文件，还是不行。
可以复制到navod/吗？在此之后进行检查： apachectl -t（见链接）enable-cors.org/server_apache.html
搬家后还是不行。检查：语法 OK 我正在使用 ng2-pdf-viewer 进行 pdf 显示。
是否有“我对 CORS 政策有问题”的错误日志？
访问从源 'localhost:4200' 获取在 'localhost/navod/TS02-307_UM.pdf' 已被 CORS 策略阻止：请求的资源上不存在 'Access-Control-Allow-Origin' 标头。如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。