简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

实例详解vue打包后显示空白正确处理方法

小云云
发布： 2017-12-28 11:35:03
原创
3476 人浏览过

在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览。根据官网打包出来的html直接打开是显示空白。本文主要和大家分享vue打包后显示空白正确处理方法，希望能帮助到大家。

vue打包后显示空白正确处理方法是

1、找到配置文件

修改

这样打包处理可以打开但是页面样式会找不到

2、修改

找到对应的位置加上publicPath: '../../' 然后就成功了！

很多朋友还遇到这样的问题 vue打包后index文件一片空白，怎么回事呢？

 vue项目你npm run build打包后，点开index文件打开一片空白，

并报错解决方法：路径问题，

相关推荐：

Parcel.js和Vue 2.x 极速零配置打包体验示例

实例详解Vue 中批量下载文件并打包方法

vue项目的构建，打包，发布详解

以上是实例详解vue打包后显示空白正确处理方法的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
打包 显示 空白
来源：php.cn
上一篇：实例分享JavaScript登录验证基础教程 下一篇：实例详解js实现登录与注册界面
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
消除 WooCommerce 中声明'购物车为空时无法结账”的通知。 我应该在functions.php中添加哪些代码来删除“购物车为空时无法结账”。Woocommerce中的通知。我在includes/wc-template-functions.p...
来自于 2023-11-17 11:41:02
0
1
361
PHP 修剪 unicode 空格 我正在尝试修剪诸如此字符之类的unicode空格，并且我能够使用此解决方案来做到这一点。此解决方案的问题是它不会修剪普通字符之间的unicode空格。例如这个使用薄空间$strin...
来自于 2023-11-13 08:49:45
0
2
398
TYPO3 V11: "PHP警告：未定义的数组键"，$this->request->getArguments()为空 我是typo3的新用户，我制作了一个插件来显示用户，并使用搜索栏来过滤他们，但是当我想显示我的页面时出现此错误：(1/1)#1476107295TYPO3\CMS\Core\Err...
来自于 2023-11-12 21:35:09
0
1
362
如何解决问题：'无法加载资源：net::ERR_CONNECTION_REFUSED http://localhost:8989/route?.....” 我的程序有问题。这是一个关于地理信息系统的程序，使用了LeatlefJs库，我还使用了letlef路由机功能。问题是系统无法显示它应该能够显示的路线，我不太明白。这是脚本。func...
来自于 2023-11-12 19:34:27
0
1
244
无法将 DefineProps 与 TypeScript 一起使用 我已经使用withDefaults和defineProps一段时间了，但突然开始失败，我不明白为什么！我有一个基本的SFC，例如：<scriptsetuplang="...
来自于 2023-11-10 19:48:26
0
1
277
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！