您好,我只是想把一个链接到PDF文件,但这是不可能的。在npm中有一个库,或者通过另一种方式在VUEJS中这样做。
我检查了这个链接,但它不起作用
//模板
<img src="~assets/images/wtd.jpg">
// image文件夹
//错误
解决方案
对于图像,只需使用
<img src="@/assets/images/image.jpg">
对于pdf,只需将您的文件放在静态文件夹中,并使用此链接。在我的例子中,我使用
<a href="../../static/mypdf.pdf">
发布于 2019-03-22 13:01:54
如果你使用的是由vue-cli创建的项目,那么下面的语法将起作用。
<img src="@/assets/images/{{imageName}}.png"/>
希望这能有所帮助
发布于 2019-03-22 07:30:14
有了webpack,您就可以将资产与CopyWebpackPlugin捆绑在一起。看看这个webpack.config.js,它使用了资源。https://github.com/BlueForestTrees/web/blob/master/webpack.config.js
Inside plugins部分:
new CopyWebpackPlugin([{from: './img', to: 'img'}]),
发布于 2019-03-22 18:49:43
如果您使用vue-cli创建项目。默认图像类型'png|jpe?g|gif|webp‘是您可以使用的模板中默认支持的类型
<img src="~assets/images/demo.png"/>
在脚本中,您可以使用
const demo = require("@/assets/images/demo.png") // @ is a alias in webpack config
或者:
import demo from "@/assets/images/demo.png")
对于.pdf文件,此类型文件没有默认加载器。你需要配置一个像url-loader这样的加载器:https://cli.vuejs.org/config/#configurewebpack
https://stackoverflow.com/questions/55290663
复制相似问题