vue部署后饿了么组件的图片不见了

解决方案：

在build/utils.js中的

    if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader'})} else {return ['vue-style-loader'].concat(loaders)}

添加一行

publicPath: '../../'

最终改成

if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publicPath: '../../'})} else {return ['vue-style-loader'].concat(loaders)}

vue部署后饿了么组件的图片不见了相关推荐

【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案
[写在前面]vue3在vscode运行正常.build后在IDEA运行正常,但是当部署在服务器上运行发现样式加载不出来,下面我们针对这些情况进行复现与解决. 一.问题分析困扰我好久,当即百度原因,百 ...
vue打包后CSS中引用的背景图片不显示问题
vue项目中,在css样式中引用了一张背景图片,开发环境下是可以正常显示,build之后背景图片不显示. 解决方法: 找到build/utils.js文件修改成为如下所示内容: 添加红框中的内容即可 ...
el-avatar 组件在vue项目部署后图片无法显示（解决办法）
问题描述: 使用el-avatar 组件显示图片, 在本地运行,结果4kb的图片,在控制台显示为相对路径地址(项目打包后,图片并没有显示): 而同样1.6kb的图片,在本地或打包后都能正常显示,均为b ...
项目总结：vue.js2.5饿了么APP（5）主要组件实现 - 商品详情页部分
说明:本总结来源于慕课网 @ustbhuangyi老师的课程<Vue.js2.5+cube-ui重构饿了么App>课程,本博客做了项目总结梳理便于回顾,需要学习的伙伴可以移步学习.与君共勉 ...
项目总结：vue.js2.5饿了么APP（7）项目部署与总结
说明:本总结来源于慕课网 @ustbhuangyi老师的课程<Vue.js2.5+cube-ui重构饿了么App>课程,本博客做了项目总结梳理便于回顾,需要学习的伙伴可以移步学习.与君共勉 ...
项目总结：vue.js2.5饿了么APP（3）主要组件实现 - 购物车相关组件（上）
说明:本总结来源于慕课网 @ustbhuangyi老师的课程<Vue.js2.5+cube-ui重构饿了么App>课程,本博客做了项目总结梳理便于回顾,需要学习的伙伴可以移步学习.与君共勉 ...
项目总结：vue.js2.5饿了么APP（4）主要组件实现 - 购物车相关组件（下）
说明:本总结来源于慕课网 @ustbhuangyi老师的课程<Vue.js2.5+cube-ui重构饿了么App>课程,本博客做了项目总结梳理便于回顾,需要学习的伙伴可以移步学习.与君共勉 ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件
router.js 路由部分 export const normalRouter = { path: '/', meta: { login: false }, component: () => ...

vue部署后饿了么组件的图片不见了

vue部署后饿了么组件的图片不见了相关推荐

最新文章

热门文章