view.html预览pdf 在请求头加token

在HTML页面view.html中预览PDF文件并添加请求头(token)通常涉及前端JavaScript配合后端服务来完成。以下是一个简单的步骤说明：

1. **前端处理**:
- 使用`<a>`标签链接到PDF文件，并设置`download`属性，防止直接下载而显示在浏览器的预览插件中，如`<a href="path/to/pdf.pdf" download>预览PDF</a>`。
- 创建一个事件监听器（例如，点击事件），当用户点击预览按钮时触发。

<button id="previewBtn">预览PDF</button>
<script>
document.getElementById('previewBtn').addEventListener('click', function() {
  const url = 'path/to/pdf.pdf';
  const token = 'your-token'; // 你的token值

  fetch(url, {
    headers: {
      'Authorization': `Bearer ${token}`
    }
  })
  .then(response => {
    if (response.ok) { // 检查请求是否成功
      window.open(response.url, '_blank'); // 弹出一个新的窗口预览PDF
    } else {
      console.error('Failed to preview PDF:', response.status);
    }
  });
});
</script>

2. **后端设置**:
- 后端需要配置支持通过HTTP头部(`Authorization`)发送的令牌验证，确保只有授权的请求才能访问PDF资源。

请注意，这只是一个基础示例，实际应用中可能需要考虑跨域策略(CORS)、错误处理以及安全性等问题。同时，前端也可以考虑使用第三方库（如jsPDF等）将PDF内容渲染到HTML元素中，而不是直接预览下载。