-
官網(wǎng)下載穩(wěn)定版本 放進(jìn)項(xiàng)目的靜態(tài)資源文件static
image.png iframe 引入文件
image.png
3.路徑拼接
loadPDF () {
// baseurl 項(xiàng)目路徑前綴 api 后臺(tái)返回文件的接口路徑
// ie有緩存加個(gè)隨機(jī)數(shù)解決 + '?r=' + new Date()
this.loading = false;
console.info(process.env.NODE_ENV);
let baseurl = '';
if (process.env.NODE_ENV === 'production') {
baseurl = 'production基礎(chǔ)路徑';
let pdfUrl = baseurl + api + this.id + '?r=' + new Date();
this.pdfUrl = 'pb_static/web/viewer.html?file=' + encodeURIComponent(pdfUrl) + '.pdf';
} else if (process.env.NODE_ENV === 'test') {
baseurl = 'test基礎(chǔ)路徑';
let pdfUrl = baseurl + api + this.id + '?r=' + new Date();
this.pdfUrl = 'pb_static/web/viewer.html?file=' + encodeURIComponent(pdfUrl) + '.pdf';
} else {
baseurl = 'dev基礎(chǔ)路徑';
let pdfUrl = baseurl + api + this.id + '?r=' + new Date();
this.pdfUrl = '../../../../static/web/viewer.html?file=' + encodeURIComponent(pdfUrl) + '.pdf';
}
console.log('url', this.pdfUrl);
},
坑：本項(xiàng)目中引入了高版本的在ie和火狐不顯示pdf文件迫淹，后網(wǎng)上找了個(gè)低版本的解決問題末秃。
