远世4101394
2020-08-11 02:54
<template> <div class="ebook"> <div class="read-wrapper"> <div id="read"></div> </div> </div></template><script>import Epub from 'epubjs'const DOWNLOAD_URL = '/static/2018_Book_AgileProcessesInSoftwareEngine.epub'global.ePub = Epubexport default { components: { }, methods: { // 电子书的解析和渲染 showEpub () { // 生成Book对象 this.book = new Epub(DOWNLOAD_URL) // 通过Book.renderTo生成Rendition对象 this.rendition = this.book.renderTo('read', { width: window.innerWidth, height: window.innerHeight, // 兼容iOS method: 'default' }) // 通过Rendtion.display渲染电子书 this.rendition.display() } }, mounted () { this.showEpub() }}</script><style lang='scss' scoped>@import 'assets/styles/global';</style>
我也是在别的回答里面看到别人回复的,试了可以用,你把这个const DOWNLOAD_URL =
'/static/2018_Book_AgileProcessesInSoftwareEngine.epub'
换成
const DOWNLOAD_URL =
'/2018_Book_AgileProcessesInSoftwareEngine.epub'
我路径改为我服务器上的资源报跨越怎么办
这个路径要用网络路径,可以用vscode插件live serve,新创个项目,新建文件夹,把书上放进去,启动live serve,用这个本地网络路径
快速入门Web阅读器开发
26396 学习 · 214 问题
相似问题