小编Nai*_*One的帖子

Nuxt 3:如何向 $fetch 添加默认参数和标头

尝试将任何默认参数或标头(在本例中为 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 包顺便说一句

nuxt.js nuxtjs3

9
推荐指数
1
解决办法
1万
查看次数

如何在 webpack 和 Vuejs 中使用带有工具栏的完整 PDF.js 查看器?

我正在使用 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)

javascript pdf.js webpack vuejs2

5
推荐指数
1
解决办法
4519
查看次数

标签 统计

javascript ×1

nuxt.js ×1

nuxtjs3 ×1

pdf.js ×1

vuejs2 ×1

webpack ×1