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项目实例中用query传参如何实现跳转效果

    vue项目实例中用query传参如何实现跳转效果

    这篇文章主要介绍了vue项目实例中用query传参如何实现跳转效果,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Vue路由自动添加#的问题及解决

    Vue路由自动添加#的问题及解决

    这篇文章主要介绍了Vue路由自动添加#的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • vuejs对接后端踩过的坑记录

    vuejs对接后端踩过的坑记录

    这篇文章主要介绍了vuejs对接后端踩过的坑记录,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • Vue的生命周期一起来看看

    Vue的生命周期一起来看看

    这篇文章主要为大家详细介绍了Vue的生命周期,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • vue3+ElementPlus使用lang="ts"报Unexpected token错误的解决办法

    vue3+ElementPlus使用lang="ts"报Unexpected token错误的解决

    最近开发中遇到了些问题,跟大家分享下,这篇文章主要给大家介绍了关于vue3+ElementPlus使用lang="ts"报Unexpected token错误的解决办法,需要的朋友可以参考下
    2023-01-01
  • 解决vue3打包过后空白页面的情况

    解决vue3打包过后空白页面的情况

    这篇文章主要介绍了解决vue3打包过后空白页面的情况,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue项目中使用rem,在入口文件添加内容操作

    vue项目中使用rem,在入口文件添加内容操作

    这篇文章主要介绍了vue项目中使用rem,在入口文件添加内容操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue单页面如何设置高度100%全屏

    vue单页面如何设置高度100%全屏

    这篇文章主要介绍了vue单页面如何设置高度100%全屏,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue之数据交互实例代码

    vue之数据交互实例代码

    本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下
    2017-06-06
  • 饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性)

    饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性)

    最近新做的项目有用到Element-UI tree组件,下面这篇文章主要给大家介绍了关于饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性),文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12

最新评论