Vue使用iframe嵌入静态html文件

运行 Vue 项目时，发现报了一个 Uncaught SyntaxError: Unexpected token '<' 错误

Vue内部的 静态资源文件引用规则

解决方法：把放在 Vue项目 里边的资源文件（如静态html页面）放到 public 文件夹下来引用

1.public（static）静态文件夹

assets文件夹与static文件夹的区别

• 区别一：assets文件是src下的，所以最后运行时需要进行打包，而static文件不需要打包就直接放在最终的文件中了
• 区别二：assets中的文件在vue中的template/style下用…/这种相对路径的形式进行引用，在script下必须用@import的方式引入，而static下的文件在.vue中的任何地方只需使用…/这种相对路径的方式引入，

此外，放到 public 里的东西，可以不用写开头目录，脚手架打包的时候找不到，会去public文件夹找的

<iframe :src="'pdfjs/web/viewer.html?file=' + encodeURIComponent(url)" frameborder="0" width="100%" height="1500px"></iframe>