使用vue脚手架npm run build生成的dist目录中的index.html无法打开)

#使用vue脚手架npm run build生成的dist目录中的index.html无法打开)

目录中的index.html直接打开报错:Failed to load resource: the server responded with a status of 404 (Not Found),
项目目录截图描述

解决这个问题首先安装server,cmd命令:npm install -g serve,然后再启动server:serve -s dist。这是会提示要访问的网址,输入网址就可以打开

在这里插入图片描述
访问网址打开的页面
在这里插入图片描述
这是官网的一段话,意思大概说的是dist要运行在http服务器上,除非你配置了publicpath,否则不能直接打开index.html。这段话的后面就是解决方法,就是文章一开时写的。
在这里插入图片描述