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 运行才可以正常访问。

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

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

Vue打包后出错：Tip: built files are meant to be served over an HTTP server. Opening index.html over file
1.使用命令npm run build打包vue项目之后提示 : Tip: built files are meant to be served over an HTTP server. Openin ...
关于vue项目打包后提示图片文件路径错误的解决方法
vue项目打包后在production模式下提示图片 '404(not found),在dev环境下好好的,打包了就提示这个错误.这是为什么呢,以前第一次使用vue-cli构建项目的的时候只有两个图片 ...
php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
vue 打开html流_三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题...
index.html为什么打不开? Vue打包后生成的dist文件中的index.html,双击在浏览器中打开后发现一片空白,打开控制台有很多报错:"Failed to load resou ...
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址问题描述:vue项目打包上线之后,如果要改服务器api地址,只能在源码更改然后重新打包发布,为了解决这个问题,我们可以在static增 ...
打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...
Vue项目打包后js文件压缩
前言这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
vue 项目打包后浏览器 F12 在source 下不显示 webpack 包
vue 项目打包后浏览器 F12 在source 下不显示 webpack 包,度娘上好多说的是在 vue.config.js 配置 productionSourceMap: false 即可,然 ...
(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？
问题: (javascript)vue项目打包后,写的覆盖element的样式无效了.这是什么原因?描述: 在开发模式模式下,写的覆盖样式都有效,打包后就无效,请问下是什么原因? main.js里的c ...
快速解决Vue项目打包后文件过大问题
快速解决Vue项目打包后文件过大问题为什么打包后文件过大? 如何快速解决一.路由懒加载[使用es6提案的import()方式] 二.CDN引入为什么打包后文件过大? 移动app项目,使用vue- ...

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页面报错

提示及报错截图

解决方法

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

最新文章

热门文章