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

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

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

 

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

 

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

第二步：再输入serve 

 

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