vuecli3直接在本地打开dist文件中的index.html出现白屏的问题_vue dist 不能直接访问

作者：weixin_40725706 | 2024-03-18 00:01:36

vue dist 不能直接访问

这个问题在vuecli官方文档中有提及

主要看背景为黄色的部分，意思就是一般情况下是不能在本地访问的，要通过http服务器才可以。

首先应该把生成的dist文件夹单独拿出来，然后在文件所在的路径操作命令

第一步：现在dist文件目录下输入 npm install -g serve

第二步：再输入serve

第三步：会出现可以访问的网址，直接在浏览器中输入就可以直接访问项目了。