写在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发布后路径引用的问题解决  # 这是  # 给大家  # 写在  # 的是  # 我也  # 就会  # 在这里  # 将会  # 找不到  # 不清楚  # 希望能  # 另外一个  # 这篇  # 小编  # 大家多多  # 可以查看  # 这一行  # 上图  # 日后  # 写下来 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  详解jQuery停止动画——stop()方法的使用  Laravel怎么在Controller之外的地方验证数据  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  js实现点击每个li节点，都弹出其文本值及修改  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  Swift中循环语句中的转移语句 break 和 continue  Laravel如何使用Collections进行数据处理？（实用方法示例）  Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  如何快速搭建高效香港服务器网站？  JS中页面与页面之间超链接跳转中文乱码问题的解决办法  如何自定义建站之星网站的导航菜单样式？  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  Java解压缩zip - 解压缩多个文件或文件夹实例  如何快速登录WAP自助建站平台？  再谈Python中的字符串与字符编码（推荐）  使用C语言编写圣诞表白程序  七夕网站制作视频,七夕大促活动怎么报名？  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  网易LOFTER官网链接 老福特网页版登录地址  浅谈redis在项目中的应用  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  网站建设保证美观性，需要考虑的几点问题！  Firefox Developer Edition开发者版本入口  长沙企业网站制作哪家好,长沙水业集团官方网站？  Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  Laravel如何使用Gate和Policy进行授权？（权限控制）  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  js代码实现下拉菜单【推荐】  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  android nfc常用标签读取总结  微信小程序 wx.uploadFile无法上传解决办法  太平洋网站制作公司,网络用语太平洋是什么意思？  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  Laravel如何处理CORS跨域请求？（配置示例）  EditPlus中的正则表达式实战(6)  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何在IIS服务器上快速部署高效网站？  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  如何正确下载安装西数主机建站助手？  Laravel如何生成URL和重定向？（路由助手函数）