vue-pdf 跨域解决方案 ( has been blocked by cors policy )
问题:
vue-pdf 渲染资源的时候出现跨域问题 been blocked by cors policy
尝试过很多方法都没有解决问题,前端是没办法解决了所以把目光集中到了资源本身。
解决方案:
PDF 文件作为静态资源放在 nginx服务器中。
在 nginx.conf 中设置:
add_header Access-Control-Allow-Credentials true; add_header Access-Control-Allow-Origin $http_origin;
完整配置如下:
server {
listen 80;
server_name localhost;
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Origin $http_origin;
location / {
root pdf;
index index.html index.htm;
}
}