vue build打包后提示：Tip: built files are meant to be served over an HTTP server

Vue build打包后提示“Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won’t work. ”打开dist文件夹中的index.html页面报错

提示及报错截图

在打包之前已经把build文件夹中index.js的assetsPublicPath的值改为了相对路径

解决方法

在上述已经修改打包路径的种情况下依然报错
索性直接按照提示安装http-server：$ npm install -g http-server
在dist所在文件夹目录下用http服务加载dist文件夹

然后在浏览器输入Available on 下面的地址发现页面可以正常打开。

百度搜了一下这个问题，发现有的人说把config/index.js 中的build配置中的assetsPublicPath改为‘./’再打包就可以，官方文档上也有类似说法(见下图)，但是我的还是不行，pdf的插件始终找不到，用http-server 运行才可以正常访问。

另外如果打开页面空白也有可能是静态资源加载失败，打包路径配置不对，可根据控制台的错误提示修改打包配置，通常会做如下配置：