尝试将任何默认参数或标头(在本例中为 json Web 令牌作为身份验证标头)添加到 $fetch 可组合项,这样我就不必这样做
await $fetch('/api/example', {
headers: {
// authentication header and jwt here
}
});
Run Code Online (Sandbox Code Playgroud)
对每一个请求。我找到了一种方法,通过将 $fetch 包装在另一个可组合项中(在本例中为 $api)来实现此目的,但这删除了 api 响应上的任何类型,因此这不是我想要做的事情。
即使是像这样的简化 api.ts 可组合项
export const $api = (url: string) => {
return $fetch(url);
}
Run Code Online (Sandbox Code Playgroud)
不会给我前端空白 $fetch 会给我的 api 结果的响应类型。
我可以以某种方式在 $fetch 中注入默认值吗?也许通过模块/插件/拦截器?如果没有,有没有办法将 $fetch 包装在可组合项中并仍然保留响应类型?
我正在使用 nuxt3,$fetch 是 ohmyfetch 并且我没有使用 @nuxt/auth 包顺便说一句
我正在使用 vue.js spa 和 webpack 尝试使用 mozilla 的 PDF.js 显示 PDF。我让示例工作起来很容易,但我很难通过工具栏工作来获得完整的查看器。我需要使用 PDFjs,require('pdfjs-dist/webpack')因此它不会发送“已设置假工人”警告。我真的找不到解释如何在 webpack 中使用完整查看器的 SO 问题/指南或视频。这个项目的文档也几乎不存在,我想我也尝试了我能在那里找到的一切。
对不起,如果这似乎是一个愚蠢的问题,但我很努力地解决这个问题,并点击了我可以通过谷歌搜索找到的每个链接。
提前谢谢各位
我已经从示例中获得的代码:
var PDFJS = require('pdfjs-dist/webpack');
const url = 'the-url-to-my-pdf';
const canvasContainer = document.getElementById('preview');
function renderPage(page) {
const viewport = page.getViewport(2);
let canvas = document.createElement('canvas');
let canvasWrapper = document.createElement('div');
canvasWrapper.classList.add('page');
const ctx = canvas.getContext('2d');
const renderContext = {
canvasContext: ctx,
viewport: viewport
};
canvas.height = viewport.height;
canvas.width = viewport.width;
canvasWrapper.appendChild(canvas);
canvasContainer.appendChild(canvasWrapper);
page.render(renderContext);
}
function renderPages(pdfDoc) {
for(var num = …Run Code Online (Sandbox Code Playgroud)