美文网首页
vue中打包资源路径错误

vue中打包资源路径错误

作者: 橙色流年 | 来源:发表于2018-10-09 14:14 被阅读0次

    vue项目在使用npm run build打包之后,经常会出现路径资源找不到的情况,在网上找了一些方法,说是需要在config目录下面的index.js配置,如下图:



    如上图操作之后打包出来确实引用了正确的js和css路径,但是又出现了一个比较尬的问题,那就是本地未转化base64的比较大的图片路径解析错误。一般在写vue项目的过程中,我们在创建某一个vue文件的时候,会将该文件所需要的图片和该项目放在同一个文件夹下面,例如:


    index文件夹下面的index.vue所需要用到的图片会直接同级存放,可是改了上面的配置之后,这些图片都不见了,控制台查看图片地址发现


    莫名其妙多了一层static/css导致路径错误,后来又百度了一下,发现还需要改一处配置:



    在build目录下的utils.js中添加上述标红的代码,即可保证所有资源路径正确!!!

    千里之行,始于足下,点滴知识,在于积累。如有错误或不严谨的地方,请务必给予指正!

    相关文章

      网友评论

          本文标题:vue中打包资源路径错误

          本文链接:https://www.haomeiwen.com/subject/tsieaftx.html