900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 关于vue打包后图片路径找不到的问题

关于vue打包后图片路径找不到的问题

时间:2019-09-24 19:38:41

相关推荐

关于vue打包后图片路径找不到的问题

//asserts引入的静态资源是相对路径

//而static引入静态资源时必须是绝对路径

slides: [

{

//当asserts引入动态绑定的静态资源时,需要以模块的方式导入资源,

//将图片作为模块加载进去

src: require(‘../../../asserts/img/pic1.jpg’),

title: ‘女人节优惠’,

href: ‘detail/yslqd’

},

{

src: ‘/static/img/pic2.jpg’,

title: ‘满减优惠’,

href: ‘detail/ysllip’

}

]

因为有时候打包后的项目文件,不一定是放在服务器的根目录下,这样也会导致图片找不到,可以在config文件中的index.js中去配置

build: {

// Template for index.html

index: path.resolve(__dirname, ‘../dist/index.html’),

// Paths

assetsRoot: path.resolve(__dirname, ‘../dist’),

assetsSubDirectory: ‘static’,

//在这里把/改成./,如果这里加了./,那static文件夹引入的图片也要加./,这样无论打包后放到服务器的哪一级目录下,静态资源都不会报错

assetsPublicPath: ‘./‘

}

slides: [

{

src: requ

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。