vue 打包后页面空白及部分图片不显示

vue 打包后页面空白

因为打包后的css和js的路径不正确

config/index.js

将assetsPublicPath: '/', 修改为assetsPublicPath: './',

图片不显示

打包后部分图片不显示，是因为这部分的图片写在css中，导致打包后的路径错误
build/utils.js

添加publicPath:'../../',即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • vue-cli中的webpack配置
    原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,943评论 0赞 0
  • 细说前端自动化打包工具--webpack
    记得2004年的时候，互联网开发就是做网页，那时也没有前端和后端的区分，有时一个网站就是一些纯静态的html，通过...
    阳阳阳一堆阳阅读 3,506评论 0赞 5
  • VUE打包后路径错误的问题小结
    关于Vue打包发布的问题 项目完成之后，发现打包发布以后，在wamp配置完成以后，访问首页和主题页都没有问题，当进...
    working_Poor阅读 3,632评论 0赞 0
  • vue个人笔记
    vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,417评论 1赞 22
  • Vue1
    第一章 Vue概述 what? Vue是实现UI层的渐进式js框架，核心库关注视图层，简单的ui构建，复杂的路由控...
    fastwe阅读 896评论 0赞 0

友情链接更多精彩内容