vue中打包资源路径错误
2018-10-09 本文已影响0人
橙色流年
vue项目在使用npm run build打包之后,经常会出现路径资源找不到的情况,在网上找了一些方法,说是需要在config目录下面的index.js配置,如下图:
如上图操作之后打包出来确实引用了正确的js和css路径,但是又出现了一个比较尬的问题,那就是本地未转化base64的比较大的图片路径解析错误。一般在写vue项目的过程中,我们在创建某一个vue文件的时候,会将该文件所需要的图片和该项目放在同一个文件夹下面,例如:
index文件夹下面的index.vue所需要用到的图片会直接同级存放,可是改了上面的配置之后,这些图片都不见了,控制台查看图片地址发现
莫名其妙多了一层static/css导致路径错误,后来又百度了一下,发现还需要改一处配置:
在build目录下的utils.js中添加上述标红的代码,即可保证所有资源路径正确!!!
千里之行,始于足下,点滴知识,在于积累。如有错误或不严谨的地方,请务必给予指正!