用iframe打开pdf

html：

<iframe

          style="width: 100%; height: 100%; border: none"

          ref="pdfViewer"

          :src="url"

          frameborder="0"

></iframe>

 

不携带token：

let url = process.env.VUE_APP_URL + "/factoryObjectClassify/preview";

let src = url + "?r=" + new Date();

this.url = "../../plugin/pdf/web/viewer.html?file=" + encodeURIComponent(src) + ".pdf";

 

携带token：

//接口部分：

export const pdfApi = id =>

api({

  method: 'get',

  url: '/factoryObjectClassify/preview',

  responseType: "blob",

});

  //js部分

  getPdf() {

      this.url = "";

      pdfApi().then((res) => {

        let blob = new Blob([res.data], { type: "application/pdf" });

        this.url = URL.createObjectURL(blob);

      });

    },