vue打包后打开页面是空白的,vue动态路由刷新空白

vue打包后打开页面是空白的,vue动态路由刷新空白

Vue打包后，页面不显示，找不到资源。本文主要介绍Vue项目打包后出现空白的解决方案。内容相当不错，现在分享给大家，供大家参考。 网上很多人说他们的VUE项目是通过Webpack打包生成的，生成列表文件。

1.npmrunbuild打包项目后，我们一般都会将压缩后的静态文件和dist文件中的index.html提交到服务器，但是最近发现直接打开index.html页面是空白的，网上也有很多举报。 通过Webpack打包自己的VUE项目生成的列表文件在HBulider中打包，然后在手机上打开。 造成这种情况的主要原因是路径问题。 1.记住要更改config下index.js中的bulidmoduleguide。

●ω● 原因：packageddist目录下的文件引用路径不正确，会因找不到该文件而报错，导致白屏。 解决办法：修改config下index.js中bulid模块导出的路径。 由于index.htmlvuewebpack后显示的网页为packagedisblank，因此使用webpack来开发vue项目。项目开发完成后，使用命令：npmrunbuild对项目进行打包。打包结果如下：但是，发布edist文件后，打开并浏览服务器页面是

1.解决vue-clicreate打包后页面空白的问题。命令行输入为：npmrunbuild。打包后，项目中会多出一个文件夹。这就是我们打包后的项目。 2.打包1.记得更改config下index.js中bulid模块导出的路径。 因为index.html里面的内容是通过script标签导入的，而你的路径不对，打开后肯定是空的。 我们先看一下默认路径。 莫

2.可能是打包项目的vue.config.js文件是不小心在src文件夹下创建的，只需将文件移动到package.json同一目录下，然后重新打包即可。 当然，你也要注意自己的问题：vue打包后打开页面是空白的。答：在使用vue进行开发时，有时会遇到打包后打开页面空白的情况。 此问题可能有多种原因，我将在下面逐一介绍可能的解决方案。 1.检查