react显示pdf文件

    react加载pdf文件时，测试发现object和embed标签都不好使，后来找到一个解决的库，分享给小伙伴。

    首先需要安装，执行命令npm install react-pdf-js。

 

import React from 'react';
import PDF from 'react-pdf-js';
export default class MyPdfViewer extends React.Component {
constructor(props) {
        super(props);
    }
render() {
    return (
      <div>
        <PDF
          file="somefile.pdf"
        />
      </div>
    )
  }
}

运行之后即可显示pdf文档了。

同样你可以显示url地址的pdf文件。如果你遇到下面的提示：

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

那么恭喜你，你遇到了跨域的问题了，去找你们的后台解决吧。记住一句话：如果后台不允许你访问，就算你翻破了天都没用的。

因为本文章不是主要介绍跨域的文章，所以就不多说了。