需求：系统有个操作手册，点击会在浏览器新开个窗口并打开pdf文件。这个pdf文件存储在本地assets文件夹中。
文件结构：
注：直接使用window.open(文件路径)不能打开，需要在vue.config.js中配置所需文件
引入图中红框中的代码
const webpack = require('webpack')
文章来源：https://www.toymoban.com/news/detail-693410.html
plugins: [
// http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
new CompressionPlugin({
cache: false, // 不启用文件缓存
test: /\.(js|css|html)?$/i, // 压缩文件格式
filename: '[path].gz[query]', // 压缩后的文件名
algorithm: 'gzip', // 使用gzip压缩
minRatio: 0.8 // 压缩率小于1才会压缩
}),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
}),
],
module: {
rules: [{
test: /\.pdf$/,
use: [{
loader: 'url-loader',
options: {
limit: 2,
name: 'files/[name].[ext]'
}
}]
}]
}页面中打开：（我是在初始化的时候就打开文件，没用按钮）文章来源地址https://www.toymoban.com/news/detail-693410.html
mounted(){
window.open(require('../../../../assets/xxx.pdf'))
}到了这里，关于vue中使用window.open打开assets文件夹下的pdf文件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
