在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览。根据官网打包出来的html直接打开是显示空白。
vue打包后显示空白正确处理方法是
1、找到配置文件
修改
这样打包处理可以打开但是页面样式会找不到
2、修改
找到对应的位置加上publicPath: '../../' 然后就成功了！
很多朋友还遇到这样的问题 vue打包后index文件一片空白，怎么回事呢？
vue项目你npm run build打包后，点开index文件打开一片空白，
并报错解决方法：路径问题，
以上所述是小编给大家介绍的vue打包后显示空白正确处理方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
目录 一.nvm介绍 二.安装nvm 三.nvm的配置 四.nvm的使用 五.nvm的常用命令一.nvm介绍nvm 全称为 node.js version management，顾名思义是用于管理多个 nodejs 的版本控制工具...
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚可编辑表格在数栈产品中是一种...
前言最近在做安全方面的项目，有个需求是在用户访问页面和关闭页面的时候，发送对应的数据。刚拿到需求的时候，觉得没啥东西，init 的时候发送一次，页面 unload 的时候发送一次就行...
Vue 3 简介1. Vue 3 的新特性Vue 3引入了许多新的特性，以提高框架的性能和可维护性。下面是一些主要的新特性： Composition API：这是Vue 3中最大的变化之一，它提供了一种更灵活...
Piniavue3 状态管理这里选择 pinia。虽然 vuex4 已支持 Vue 3 的 Composition API，但是 vue3 官网推荐新的应用使用 pinia —— vue3 pinia集中式状态管理redux、m...
一、代码分割一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当...
vue3 快速入门系列 - 组件通信组件通信在开发中非常重要，通信就是你给我一点东西，我给你一点东西。本篇将分析 vue3 中组件间的通信方式。Tip：下文提到的绝大多数通信方式在 vu...
在前端代码中很经常看到使用 setTimeout(fn, 0)，如下面代码所示，乍一看很多余，但是移除了可能会出现一些奇奇怪怪的问题。要解释这个就需要理解 事件循环（Event Loop），下面会通过...
随着人工智能技术的不断进步，JavaScript 也迎来了自己的 AI 时代。JS-Torch 是一个全新的深度学习库，专为 JavaScript 设计，其语法习惯与广受欢迎的 PyTorch 框架高度相似。这...
前言我们每天都在用v-model，并且大家都知道在vue3中v-model是:modelValue和@update:modelValue的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和@update:mo...
