1.如项目发布到子域名 www.appprow.com/abc
此时css资源路径应该为
.content{background:url('abc/static/img/1.jpg')}
需要修改 config > index.js 如图
webpack publicPath 参数是用来，帮助你为项目中的所有资源指定一个基础路径，一但设定值以后，所有代码中通过requrie 或import 方式引入的资源文件，在build以后，都回指向类似 '/abcstatic/xxx.xx'
比如：
logo:require('@/assets/v.png')
编译以后，
可以看到，webpack 已经正确的把资源文件的路径里 加上了/abc ，保证了资源文件引用正确，这里顺便提一点，publicpath 还可以设置在cdn的url
如果 publicPath:'https://cdn.youdomin.com/'这样编译以后，src=''https://cdn.youdomin.com/abc/static/img/logo_small.f457a3f.png
1.如项目发布到子域名 www.appprow.com/abc 此时css资源路径应该为 .content{bac...
解决vue cli3.0打包上线静态资源找不到路径问题 项目中遇到打包之后静态资源路径找不到，报如下错误： 解决方...
vue项目打包后，在发布项目时，浏览器会报错访问不到图片等静态资源，这里提供一个解决办法。 一、vue打包后静态资...
修改build打包时的静态资源路径 默认的，vue-cli打包后的静态资源路径为当前地址的根路径。有时候我们需要使...
本文主要解决基于vue/vuex打包后经常出现的两个问题： 静态资源路径错位问题 css背景图路径错位问题 问题的...
vue打包上线后经常会碰到静态资源路径找不到的问题。常见问题及解决方式如下： 1， js, css路径不对 解决方...
vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。 1.一个是css,js,...
vue项目在打包的时候有时候会出现路径指向错误的问题，例如正常的文件路径应该是 /static/css/文件名...
publicPath配置项目请求根路径配置 项目在打包后，需要改变访问根路径 在该目录下vue.config.js...
vue项目打包发布后背景图片路径不正确、静态资源css、img、woff路径不正确（已解决） 项目开发过程中很顺畅...
本文标题：vue 项目打包后访问静态资源路径问题
本文链接：https://www.haomeiwen.com/subject/nheiqqtx.html
网友评论