1.Vue项目支持图片、字体等操作
解决办法:安装url-loader 和 file-loader来支持图片、字体等文件
安装规则:①cmd命令行进入该项目中
②通过命令,安装url-loader和file-loader
npm install --save-dev url-loader
npm install --save-dev file-loader
2.Vue项目,图片路径通过参数传递,无法正常显示图片
解决办法:
①将参数使用requrie对图片路径进行引用,这样通过变量传递的就不是字符串,而是图片资源了
②创建一个名称为static的文件夹,该文件夹与src目录同级,然后将静态文件放入static目录即可。然后变量就可以不需要require对路径进行引用了,使用普通路径即可
注意:使用第②种就是不会被url等加载器处理的
如下图,第一种是通过方法②引入的,
第二种是通过方法①require引入的,被当成模块被url-loader处理,加入了hash值
这个需要看网站本身的性质和具体业务以及个人取舍了,当然也可以混合着用,灵活一点没有死的处理方法!
3.Vue项目报错:Do not use built-in or reserved HTML elements as component id:'title'
解决办法:这是因为组件的命名和html标签重复导致警告,所以创建组件的时候要注意组件命名与html标签区分开。