vue3 项目 docxtemplate浏览器下载时报The file at ‘blob:http://’ was loaded over an insecure connection. This file should be served over HTTPS.怎么临时处理?
时间: 2024-09-27 18:11:26 浏览: 128
vue3移动端项目构建TS,vue3+vant+vite+axios+pinia+sass+typescript
在 Vue.js 3 项目的文档模板(docxtemplate)下载过程中,遇到 `blob:http` 协议提示安全问题通常是由于浏览器的安全策略,它要求从HTTPS协议的源加载文件以保护用户数据。为了临时解决这个问题,你可以采取以下步骤:
1. **禁用浏览器安全警告** (Not recommended for production):
- 对于Chrome开发者模式,按 `Ctrl+Shift+I` 打开开发者工具,转到"Application" -> "Override restrictions" -> "Allow insecure blob URLs".
- 点击"Save"按钮保存设置,然后刷新页面。
2. **使用服务器代理** (Recommended for development):
- 在你的 Vue 服务端应用中(如 vite、vue-cli等),配置一个中间件或代理,将 `blob` 请求重定向到 HTTPS 地址。例如,在Vite的`vite.config.js`中添加:
```javascript
import { createServer } from 'vite'
import { serve } from 'https-server-middleware'
async function build() {
// ...构建过程...
const server = await createServer({
middleware: [
serve('./dist', {
prefix: '/static',
headers: { 'Access-Control-Allow-Origin': '*' },
}),
],
})
await server.listen(8080)
}
```
3. **永久解决方案** (For production):
- 如果可能的话,确保你的文件服务支持HTTPS,将文件上传到受信任的HTTPS服务器上,并更新你的代码链接为HTTPS地址。
阅读全文