广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >如何解决vue build打包之后首页白屏的问题
  • 957
分享到

如何解决vue build打包之后首页白屏的问题

2024-04-02 19:04:59 957人浏览 泡泡鱼
摘要

这篇文章主要为大家展示了“如何解决Vue build打包之后首页白屏的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决vue build打包之后首页白

这篇文章主要为大家展示了“如何解决Vue build打包之后首页白屏的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决vue build打包之后首页白屏的问题”这篇文章吧。

1、问题描述

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

2、解决方法

在config文件夹中找到index.js打开把assetsPublicPath: '/'改成下图方框中的样子。

如何解决vue build打包之后首页白屏的问题  

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

以上是“如何解决vue build打包之后首页白屏的问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: 如何解决vue build打包之后首页白屏的问题

本文链接: https://www.lsjlt.com/news/74506.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何解决vue build打包之后首页白屏的问题
    这篇文章主要为大家展示了“如何解决vue build打包之后首页白屏的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决vue build打包之后首页白...
    99+
    2022-10-19
  • Vue打包后页面出现空白的问题如何解决
    这篇文章主要介绍“Vue打包后页面出现空白的问题如何解决”,在日常操作中,相信很多人在Vue打包后页面出现空白的问题如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue打包后页面出现空白的问题如何解决...
    99+
    2023-06-20
  • vue 首页加载,速度优化及解决首页白屏的问题
    目录一、Spa单页面的加载过程二、首页加载慢的原因三、加载速度慢解决方案1、分离打包第三方资源包2、第三方库使用CDN引入3、vue-router路由懒加载4、静态资源压缩,代码压缩...
    99+
    2022-11-13
    vue 首页加载 vue 速度优化 vue 首页白屏
  • vue引入element-ui之后,页面是空白的问题及解决
    目录vue引入element-ui之后,页面是空白的1、确定项目是vue几2、vue2引入element-ui的方法3、vue3引入element-ui的方法vue项目页面空白的几个...
    99+
    2023-01-11
    vue引入element-ui element-ui页面空白 vue element-ui
  • 如何解决Vue背景图打包之后访问路径错误的问题
    这篇文章主要介绍如何解决Vue背景图打包之后访问路径错误的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景...
    99+
    2022-10-19
  • 如何解决vue打包项目后刷新404的问题
    这篇文章主要介绍了如何解决vue打包项目后刷新404的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。vue打包项目后刷新404的问题Ng...
    99+
    2022-10-19
  • 如何解决vue-cli项目打包出现空白页和路径错误的问题
    这篇文章主要介绍了如何解决vue-cli项目打包出现空白页和路径错误的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。vue-cli项目打...
    99+
    2022-10-19
  • vue项目打包之后接口出现错误的问题及解决
    目录错误信息关键代码打包前打包后解决方式设置环境变量总结错误信息 这是新建一个项目还原问题,node简单写了个数据返回 关键代码 const express = require('...
    99+
    2022-11-13
  • 如何解决vue项目打包后文件过大问题
    目录为什么打包后文件过大?如何快速解决1.路由懒加载【使用es6提案的import()方式】2.CDN引入为什么打包后文件过大? 移动app项目,使用vue-cli脚手架搭建,UI主...
    99+
    2022-11-13
  • 如何解决Vue 2.0在IE11中打开项目页面空白的问题
    这篇文章主要介绍如何解决Vue 2.0在IE11中打开项目页面空白的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!前言因为工作的需要,学习Vue2.0也有一段时间,最近在用Vue...
    99+
    2022-10-19
  • Vue打包上线之后部分CSS不生效问题的解决办法
    用vue开发的时候,本地开发所有的样式都能生效,但是打包之后就会有部分样式失效,且在浏览器中F12得时候那个属性值并没有变化。 我这边出现的问题是F12走查发现影响的css样式来自s...
    99+
    2022-12-24
    vue打包后css失效 vue打完包起服务css样式没了 vue打包后css有变化
  • vue项目打包后浏览器缓存问题如何解决
    本篇内容主要讲解“vue项目打包后浏览器缓存问题如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue项目打包后浏览器缓存问题如何解决”吧!vue项目打包后浏览器缓存第一步需要在index...
    99+
    2023-07-05
  • 如何解决vue-cli+iview项目打包上线之后图标不显示问题
    这篇文章主要介绍如何解决vue-cli+iview项目打包上线之后图标不显示问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!做vue项目使用的iviewUI库,打包上线之后发现ic...
    99+
    2022-10-19
  • 如何解决vue项目使用font-awesome,build后路径的问题
    这篇文章主要介绍如何解决vue项目使用font-awesome,build后路径的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!问题: 项目在本地run情况下显示正常,在buil...
    99+
    2022-10-19
  • 如何解决vue-cli项目webpack打包后iconfont文件路径的问题
    这篇文章主要介绍了如何解决vue-cli项目webpack打包后iconfont文件路径的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。...
    99+
    2022-10-19
  • 如何解决vue-cli 打包后自定义动画未执行的问题
    这篇文章将为大家详细讲解有关如何解决vue-cli 打包后自定义动画未执行的问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在vue项目中,想实现无缝向上滚动的自定义动...
    99+
    2022-10-19
  • 探讨如何解决多页面应用程序中Vue.js首屏慢的问题
    Vue.js 是一款流行的前端 JavaScript 框架,使得从前端开发者的角度更轻松地管理和渲染页面。然而,在使用 Vue.js 构建多页面应用程序时,可能会遇到一个显著的问题:首屏加载缓慢。本文将探讨如何解决多页面应用程序中 Vue....
    99+
    2023-05-14
  • 如何解决基于vue打包后字体和图片资源失效的问题
    这篇文章将为大家详细讲解有关如何解决基于vue打包后字体和图片资源失效的问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1. vue打包后font-awesome字体失...
    99+
    2022-10-19
  • 如何解决vue项目打包后提示图片文件路径错误的问题
    这篇文章主要介绍如何解决vue项目打包后提示图片文件路径错误的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!vue项目打包后在production模式下提示图片 ‘404(not...
    99+
    2022-10-19
  • 如何解决使用vue打包时文件过大的问题
    这篇文章主要为大家展示了“如何解决使用vue打包时文件过大的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决使用vue打包时文件过大的问题”这篇文章吧...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作