vue-office 文档预览跨域问题

跨域无法预览​

跨域需要后端配合解决，设置允许资源文件跨域访问。

跨域设置是否成功，可以看返回的响应头里面，是否有 access-control-allow-origin 字段

参考文档地址:

https://501351981.github.io/vue-office/examples/docs/guide/faq.html

如下是我的 nginx 配置方式:

        location /files {                add_header Access-Control-Allow-Origin *;                alias /home/frappe/frappe-bench/sites/xujinxin.local/public/files/;        }

解释:

在 Nginx 的 location 块中只设置了 add_header Access-Control-Allow-Origin *; 而没有指定 root 或 alias 指令时，Nginx 不会自动为您提供文件服务。

add_header 指令只用于添加响应头信息，并不影响 Nginx 服务器根据请求返回文件。因此，您需要在 location 块中使用 root 或 alias 指令来告诉 Nginx 从哪个目录提供文件。