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

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

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

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

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

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

Vue编译时写在style中的路径问题相关推荐

Vue在build编译时写在style中的路径问题
写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片. 例如: 需要改动两个地方: 一个就是config/in ...
在linux下面使用Jsoncpp,在编译时添加了头文件搜索路径-Ixxxx/json ，导致很多错误，如下： In file included from /usr/include/x86_64-li
在linux下面使用Jsoncpp,在编译时添加了头文件搜索路径-Ixxxx/json ,导致很多错误,如下: In file included from /usr/include/x86_64-li ...
linux c 编译时 include 和链接库文件路径指定
C/C++程序在linux下被编译和连接时,GCC/G++会查找系统默认的include和link的路径,以及自己在编译命令中指定的路径.自己指定的路径就不说了,这里说明一下系统自动搜索的路径. [1 ...
VS中编译时：无法删除文件.对路径的访问被拒绝
在今天的编程中,莫名其妙的出现了这种问题.在VS2015中,点击运行出现"无法删除文件"".对路径""的访问被拒绝"的错误,打开bin中的d ...
vue项目如何部署到Tomcat中
1,假设你要访问的项目名称为'hms' 2,在Tomcat的webapps下创建hms文件夹, 3,配置config/index.js文件,设置assetsPublicPath: '/hms/' (解 ...
【Groovy】编译时元编程 ( 编译时元编程引入 | 声明需要编译时处理的类 | 分析 Groovy 类的 AST 语法树 )
文章目录一.编译时元编程引入二.声明需要编译时处理的类三.分析 Groovy 类的 AST 语法树一.编译时元编程引入在之前的 " [Groovy]MOP 元对象协议与元编程 &q ...
【错误记录】Android 编译时技术版本警告 ( 注解处理器与主应用支持的 Java 版本不匹配 )
文章目录一.报错信息二.问题分析三.解决方案一.报错信息在使用 Android 编译时技术 , 涉及编译时注解 , 注解处理器 ; 开发注解处理器后 , 编译报如下警告 ; 该警告不会影响 ...
gradle 失败编译项目_maven常见问题处理（3-3）Gradle编译时下载依赖失败解决方法...
Gradle编译时在本地仓库中如果没有发现依赖,就会从远程仓库中下载, 默认的远程仓库为 mavenCentral(),即 http://repo1.maven.org/maven2/往往访问速度特别 ...
Vue中通过配置eslintrc.js文件来解决编译时出现的no-trailing-spaces、no-undef等错误
错误信息: D:\work\vue\workbench\src\views\login\index.vue12:10 warning 'Options' is defined but never us ...

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

Vue编译时写在style中的路径问题相关推荐

最新文章

热门文章