vue build打包之后首页白屏如何处理

这次给大家带来vue build打包之后首页白屏如何处理,处理vue build打包之后首页白屏的注意事项有哪些,下面就是实战案例,一起来看一下。

1、问题描述

本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。

2、解决方法

在config文件夹中找到index.js打开把assetsPublicPath: ‘/’改成

QQ截图20180411163158.png

再次执行 npm run build 就可以了。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Native怎么使用fetch实现图片上传功能

Vue.js怎样实现图片可以随意拖动摆放

以上就是vue build打包之后首页白屏如何处理的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2773651.html

(0)
上一篇 2025年3月8日 13:56:23
下一篇 2025年3月8日 13:56:27

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 在vue-router进行build时路由界面异常

    这次给大家带来在vue-router进行build时路由界面异常,解决在vue-router进行build时路由界面异常的注意事项有哪些,下面就是实战案例,一起来看一下。 使用vue cli创建一个webpack工程 加入vue-route…

    编程技术 2025年3月8日
    200
  • Vue中占位符如何使用

     这次给大家带来Vue中占位符如何使用,Vue中占位符使用的注意事项有哪些,下面就是实战案例,一起来看一下。 简单来说就是占位符,它会帮你占好位置,等你需要的时候直接将html传入,它会帮你显示出来。 也有人说:props可以将数据从父组件…

    编程技术 2025年3月8日
    200
  • vue cli 如何使用

    写在前面: vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个哈姆雷特,不过多的解释。Vue官方文档 很全面的。 使用 vue-cli 可以…

    编程技术 2025年3月8日
    200
  • vue的组件与框架结构如何选用

    这次给大家带来vue的组件与框架结构如何选用,vue组件与框架结构选用的注意事项有哪些,下面就是实战案例,一起来看一下。 vue项目基础结构 一个vue的项目,我觉得最小的子集其实就是{vue,vue-router,component},v…

    编程技术 2025年3月8日
    200
  • 一个单独页面内如何实现两个zTree联动

    这次给大家带来一个单独页面内如何实现两个zTree联动,一个单独页面内实现两个zTree联动的注意事项有哪些,下面就是实战案例,一起来看一下。 简介 zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插…

    编程技术 2025年3月8日
    200
  • Vuex状态管理应如何使用

    这次给大家带来Vuex状态管理应如何使用,Vuex状态管理使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状…

    编程技术 2025年3月8日
    200
  • vue+resolve如何优化

    这次给大家带来vue+resolve如何优化,vue+resolve优化的注意事项有哪些,下面就是实战案例,一起来看一下。 通过vue-cli来创建vue+webpack的项目时,已经有很多都配置好了,但是路径方面为了方便开发,还可以优化。…

    编程技术 2025年3月8日
    200
  • JS与jQuery如何学习

    这次给大家带来JS与jQuery如何学习,JS与jQuery学习的注意事项有哪些,下面就是实战案例,一起来看一下。 在一些技术论坛与qq群经常看到有这样类似的提问,当然提出这样问题的通常都是新手为了解决大家的疑惑,同时帮助新手程序员能更快掌…

    2025年3月8日
    200
  • jquery如何遍历数组

    这次给大家带来jquery如何遍历数组,jquery遍历数组的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了jquery中map函数遍历数组用法。分享给大家供大家参考。具体如下: map函数/*注意map函数不能处理jso…

    编程技术 2025年3月8日
    200
  • iframe中页面锚点失效如何处理

    这次给大家带来iframe中页面锚点失效如何处理,iframe中页面锚点失效处理的注意事项有哪些,下面就是实战案例,一起来看一下。 应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论