vue 项目打包后访问静态资源路径问题

论坛 期权论坛 脚本     
匿名网站用户   2020-12-20 17:16   11   0

1.如项目发布到子域名 www.appprow.com/abc

此时css资源路径应该为

.content{background:url('abc/static/img/1.jpg')}

需要修改config > index.js如图


7346101-00e01fc25922bbf9.png


webpack publicPath 参数是用来,帮助你为项目中的所有资源指定一个基础路径,一但设定值以后,所有代码中通过requrie 或import 方式引入的资源文件,在build以后,都回指向类似'/abcstatic/xxx.xx'

比如:

logo:require('@/assets/v.png')

编译以后,

7346101-21dec73fd02a2a3c.png


可以看到,webpack 已经正确的把资源文件的路径里 加上了/abc ,保证了资源文件引用正确,这里顺便提一点,publicpath 还可以设置在cdn的url


如果 publicPath:'https://cdn.youdomin.com/'这样编译以后,src=''https://cdn.youdomin.com/abc/static/img/logo_small.f457a3f.png

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:1136255
帖子:227251
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP