vue项目没有config文件夹,vue项目打包后打开空白解决办法

　　本文主要介绍了在没有配置文件夹的情况下打包vue3后出现的空白页问题及其解决方法。有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　 vue3没有config文件夹，打包后页面空白。场景1: Vue2有配置文件夹。场景2: Vue3没有配置文件夹目录结构，也没有配置文件夹解决方案。

vue3无config文件夹打包后页面空白

项目场景

　　场景：vue文件打包后页面空白(全部)。

场景1：vue2有config文件夹

　　在config文件夹中找到index.js文件，并将assetsPublicPath:“/”更改为assets public path:“”。/

　　原理：index.html打包后找不到相关资源。默认是同级搜索，但是找不到。如果经过上述修改后仍然不起作用，请仔细检查打包的项目结构，并修改此assetsPublicPath。

场景2：vue3无config文件夹

　　在项目中找到vue.config.js文件(如果没有，可以根据图中的项目结构构建一个)，然后添加到里面。

　　模块.导出={

　　公共路径：“”。/，//根域上下文目录

　　OutputDir: dist ，//构建输出目录，但不要写。

　　Assetdir: assets ，//静态资源目录(js，css，img，fonts)，但是不要写。

　　};

　　可以，里面的路径原理和场景1一样，可以根据实际项目需求进行修改。

目录结构没有config文件夹

　　问题：

　　页面完成后，在线页面出现白屏问题。百度一下，解决方法是，在config文件夹下，index.js，build，改assetsPublicPath："/"=assetsPublicPath："./"。后来发现vue3创建的项目没有config文件夹。

解决方案

　　在项目的根目录中，创建包含以下内容的vue.config.js文件：

　　模块.导出={

　　公共路径：“”。/

　　}

　　求解！以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。