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

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

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

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

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

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

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

# vue  # style  # 路径  # Vue.js中的图片引用路径的方式  # 关于vue.js发布后路径引用的问题解决  # 这是  # 给大家  # 写在  # 的是  # 我也  # 就会  # 在这里  # 将会  # 找不到  # 不清楚  # 希望能  # 另外一个  # 这篇  # 小编  # 大家多多  # 可以查看  # 这一行  # 上图  # 日后  # 写下来 

相关文章： 如何高效利用200m空间完成建站？  如何用搬瓦工VPS快速搭建个人网站？  如何通过VPS建站无需域名直接访问？  PHP正则匹配日期和时间(时间戳转换)的实例代码  建站之星后台密码遗忘？如何快速找回？  建站之星云端配置指南：模板选择与SEO优化一键生成  网站专业制作公司有哪些,做一个公司网站要多少钱？  如何在橙子建站上传落地页？操作指南详解  如何快速辨别茅台真假？关键步骤解析  广州商城建站系统开发成本与周期如何控制？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  建站主机无法访问？如何排查域名与服务器问题  为什么Go需要go mod文件_Go go mod文件作用说明  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  建站主机与虚拟主机有何区别？如何选择最优方案？  建站之星安装后界面空白如何解决？  如何快速搭建响应式可视化网站？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站之星24小时客服电话如何获取？  ,网站推广常用方法？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  三星网站视频制作教程下载,三星w23网页如何全屏？  如何快速搭建虚拟主机网站？新手必看指南  如何在万网自助建站中设置域名及备案？  网站制作公司,橙子建站是合法的吗？  网站制作模板下载什么软件,ppt模板免费下载网站？  如何在景安服务器上快速搭建个人网站？  太平洋网站制作公司,网络用语太平洋是什么意思？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  公司网站的制作公司,企业网站制作基本流程有哪些？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  建站VPS能否同时实现高效与安全翻墙？  图册素材网站设计制作软件,图册的导出方式有几种？  如何制作算命网站,怎么注册算命网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  建站三合一如何选？哪家性价比更高？  如何正确下载安装西数主机建站助手？  兔展官网 在线制作,怎样制作微信请帖？  如何续费美橙建站之星域名及服务？  如何在万网ECS上快速搭建专属网站？  网站制作需要会哪些技术,建立一个网站要花费多少？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  javascript基本数据类型及类型检测常用方法小结  宝华建站服务条款解析：五站合一功能与SEO优化设置指南