doc文件预览

需要安装https://github.com/myeeboy/xoffice的项目；
需要安装jdk,tomcat等
按照要求完成后，PC可以直接预览文档，转为pdf；
但是手机端不行，需要另外配置pdfjs
添加下载的demo，
在页面调用：
（tomcat需要配置跨域）
下载这俩放在lib，

image.png
在web.xml中添加

<!--  提供跨域支持 -->
    <filter>    
        <filter-name>CORS</filter-name>    
        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>    
        <init-param>    
            <param-name>cors.allowOrigin</param-name>   
            <param-value>*</param-value>   
        </init-param>    
        <init-param>    
            <param-name>cors.supportedMethods</param-name>   
            <param-value>GET, POST, HEAD, PUT, DELETE</param-value>   
        </init-param>    
        <init-param>    
            <param-name>cors.supportedHeaders</param-name>   
            <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>   
        </init-param>    
        <init-param>    
            <param-name>cors.exposedHeaders</param-name>   
            <param-value>Set-Cookie</param-value>   
        </init-param>    
        <init-param>    
            <param-name>cors.supportsCredentials</param-name>   
            <param-value>true</param-value>   
        </init-param>    
    </filter>    
    <filter-mapping>    
        <filter-name>CORS</filter-name>    
        <url-pattern>/*</url-pattern>    
   </filter-mapping> 

vue页面需要用url放在iframe展示pdf：

<iframe
   :src="url"
   frameborder="0"
   width="100%"
   height="100vh" ></iframe>
this.word为文件地址：下载地址
let url = `http://210.5.144.126:8080/xoffice/xoffice?_xformat=doc&_file=${this.word}`;
   url = encodeURIComponent(url)
  url = '/web/viewer.html?file=' + url;