当前位置:主页 > vue.js教程 > 解决Vue编译时写在style中的路径问题

Vue编译时写在style中的路径问题解决方案

发布:2019-12-07 15:26:40 153


为网友们分享了Vue编译相关的编程文章,网友牛顺慈根据主题投稿了本篇教程内容,涉及到vue、style、路径、解决Vue编译时写在style中的路径问题相关内容,已被978网友关注,相关难点技巧可以阅读下方的电子资料。

解决Vue编译时写在style中的路径问题

写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。

解决Vue编译时写在style中的路径问题

通过查找资料,在https://segmentfault.com/q/1010000008438061有人的回答解决了问题。

解决Vue编译时写在style中的路径问题

要修改主要有两个,一个就是config/index.js文件,将assetsPublicPath的路径改为'./',这是发布路径,如果构建后的产品文件有用于发布CDN或者放到其他域名的服务器,可以在这里进行设置设置之后构建的产品文件在注入到index.html中的时候就会带上这里的发布路径

解决Vue编译时写在style中的路径问题

另外一个修改就是上图了,添加,publicPath: '../../'这一行,这是配置extract-text-plugin插件的提取样式,具体是什么我也不清楚。

解决Vue编译时写在style中的路径问题

问题说完了,希望对大家有帮助,写下来也是方便自己日后出现问题可以查看。谢谢!

以上这篇解决Vue编译时写在style中的路径问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • vue使用webpack打包后keep-alive不生效

    发布:2020-07-14

    今天小编就为大家分享一篇vue解决使用webpack打包后keep-alive不生效的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • 分享laravel5.4+vue+element实现简单搭建的实例

    发布:2020-02-20

    本篇文章主要介绍了laravel5.4+vue+element简单搭建的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Django vue前后端分离整合过程解析

    Django vue前后端分离整合过程解析

    发布:2022-06-27

    给网友们整理关于Django的教程,这篇文章主要介绍了Django vue前后端分离整合过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下


  • 深入理解Vue Webpack2单元测试

    发布:2020-02-05

    这篇文章主要给大家介绍了关于Vue Webpack2单元测试的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习


  • vue数据劫持的原理

    发布:2020-02-20

    这篇文章主要介绍了3分钟了解vue数据劫持的原理实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • 如何解决vue props传值失败后输出undefined的问题

    发布:2020-01-07

    今天小编就为大家分享一篇vue props传值失败 输出undefined的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • 关于vue.js评论发布信息可插入QQ表情功能介绍

    发布:2020-01-13

    这篇文章主要为大家详细介绍了vue.js评论发布信息可插入QQ表情功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • vue8个版本的区别总结

    发布:2019-11-23

    这篇文章主要介绍了理顺8个版本vue的区别(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


网友讨论