最近在使用 `vue-pdf` 和 `vue-pdf-embed` 时，遇到了恼人的跨域问题。😱 开发过程中加载 PDF 文件总是提示跨域错误，真是让人头疼！😭 所以决定好好整理一下解决过程，希望能帮到有同样困扰的朋友。

首先，确认服务器是否支持 CORS（跨域资源共享）。可以检查响应头中是否有 `Access-Control-Allow-Origin` 字段。如果缺失，需要联系后端添加相关配置，比如设置允许的域名范围：`Access-Control-Allow-Origin: ` 或指定具体域名。

其次，如果无法修改服务器配置，可以尝试通过代理来解决跨域问题。在 Vue 项目中配置一个代理服务器，将请求转发到目标地址。例如，在 `vue.config.js` 中添加如下代码：

```javascript

module.exports = {

devServer: {

proxy: {

'/pdf': {

target: 'https://example.com',

changeOrigin: true,

},

},

},

};

```

最后，记得重启开发服务器，测试是否成功加载 PDF 文件。🌈 如果一切顺利，PDF 文件应该能正常显示啦！

💡 小贴士：使用 `vue-pdf-embed` 时，确保路径正确且文件可访问。遇到问题时，别忘了查看浏览器开发者工具的网络面板哦！🔧

希望这篇小总结对你有所帮助，一起加油吧！💪