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

 更新时间:2017年11月01日 14:20:13   作者:渣渣菜鸟  
很多朋友遇到这样的问题当vue打包后显示空白问题,遇到这样的问题怎么处理呢?下面脚本之家小编给大家分享下vue打包后显示空白正确处理方法,感兴趣的朋友一起看看吧

在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览。根据官网打包出来的html直接打开是显示空白。

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

1、找到配置文件

修改

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

2、修改

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

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

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

并报错解决方法:路径问题,

总结

以上所述是小编给大家介绍的vue打包后显示空白正确处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Vue form表单动态添加组件实战案例

    Vue form表单动态添加组件实战案例

    这篇文章主要介绍了Vue form表单动态添加组件实战案例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • Vue文件下载进度条的实现过程

    Vue文件下载进度条的实现过程

    这篇文章主要介绍了Vue文件下载进度条的实现原理,通过使用onDownloadProgress方法API获取进度及文件大小等数据,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • vue-table实现添加和删除

    vue-table实现添加和删除

    这篇文章主要为大家详细介绍了vue-table实现添加和删除,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Vue项目服务器部署刷新页面404问题及解决

    Vue项目服务器部署刷新页面404问题及解决

    这篇文章主要介绍了Vue项目服务器部署刷新页面404问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 使用Vue编写一个日期选择器

    使用Vue编写一个日期选择器

    这篇文章主要为大家详细介绍了如何使用Vue编写一个简单的日期选择器,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-12-12
  • v-for中动态校验el-form表单项的实践

    v-for中动态校验el-form表单项的实践

    在项目开发中,我们经常会遇到表单保存的功能,本文主要介绍了v-for中动态校验el-form表单项的实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧<BR>
    2022-05-05
  • elementUI踩坑记录-el-table问题

    elementUI踩坑记录-el-table问题

    这篇文章主要介绍了elementUI踩坑记录-el-table问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • Vue实现跑马灯效果

    Vue实现跑马灯效果

    这篇文章主要为大家详细介绍了Vue实现跑马灯效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • vue点击右键出现自定义操作菜单实现代码

    vue点击右键出现自定义操作菜单实现代码

    这篇文章主要给大家介绍了关于vue点击右键出现自定义操作菜单实现的相关资料,在网页中我们也希望可以像桌面软件一样,点击右键后出现操作菜单,对选中的数据项进行相应的操作,需要的朋友可以参考下
    2023-08-08
  • uniapp vue与nvue轮播图之轮播图组件的示例代码

    uniapp vue与nvue轮播图之轮播图组件的示例代码

    这篇文章主要介绍了uniapp vue与nvue轮播图轮播图组件的实例代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12

最新评论