在Hbuilder运行vue ,npm run build后报错

出现
Tip:built files are meant to be served over an HTTP server. Opening index.html over file://won't work.
通过查询修改publishPath位绝对路径，，继续执行npm install -g http-server后依旧不行

看你返回的提示信息已经打包成功了，是需要把打包后的文件使用http的方式访问就可以，你可以使用node搭建一个静态服务器，然后用pm2启动
看一下下面这篇教程，只需要把../dist替换成你打包后的目录地址就可以了

使用pm2部署vue项目_pm2部署项目_程鹏;的博客-CSDN博客 使用pm2在服务器运行vue项目为什么要使用pm2运行vue项目1.打包项目2.搭建服务3.pm2启动项目为什么要使用pm2运行vue项目可能很多人都会疑惑，使用vue做好的项目直接打包放在服务器上不久可以了吗？众所周知 vue打包后会生成一个名为dist的静态资源文件夹，那么如果想要在云服务器访问这些资源只能通过 http://xxxxx/dist/index.html来访问。如果想要和... https://blog.csdn.net/csdn_chengpeng/article/details/103974490?spm=1001.2014.3001.5502

这是因为Vue build生成的文件需要通过HTTP服务来访问,直接打开HTML文件不会工作。
您可以通过以下几种方式来解决:

1. 使用http-server。安装后,在dist目录下执行http-server,然后访问http://localhost:8080就可以看到效果。
2. 使用npm run serve。Vue CLI内置了一个简单的服务器,可以直接运行npm run serve来启动服务器。
3. 使用其他更高级的服务器(Nginx, Apache等)并指向dist目录。
4. 在HTML文件中添加
   html 这会自动连接到8080端口的服务器。然后直接打开HTML文件即可。
   所以您出现这个错误,很有可能是直接打开了dist/index.html这个文件,导致Vue无法正常工作。运行http-server或者npm run serve来启动一个服务器,然后访问localhost:8080(或其他端口)就可以正常运行了。