关于webpack打包vue项目后的页面body为空的问题
2018-03-19 21:55
2101 查看
build之后,终端里会有个提示:
Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,npm run build的时候, 一开始就会提示
Built files are meant to be served over an HTTP server. Opening index.html over file:// won't work., 因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist文件夹里的文件必须放在服务器的根目录, 如果你想本地打开的话, 可以在npm run build完成之后执行以下命令:
cd dist npm install -g http-server // 该命令只需执行一次, 安装过之后, 以后就不需要重复安装了. hs
相关文章推荐
- 解决在vue项目中webpack打包后字体不生效的问题
- 用webpack打包vue项目后,静态资源路径失效问题
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- 详解webpack编译多页面vue项目的配置问题
- vue-cli webpack模板项目搭建以及打包时路径问题的解答
- webpack打包vue2.0项目时必现问题。
- 解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
- Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
- 解决vue-cli项目webpack打包后iconfont文件路径的问题
- webpack编译多页面vue项目的配置问题
- vue-cli项目webpack打包后iconfont文件路径问题解决
- vue-cli webpack模板项目搭建以及打包时路径问题的解答
- vue项目通过webpack打包生成的dist文件放到express里边运行(vue+webpack+express)
- vue+webpack打包路径问题
- 在多页面项目下使用Webpack+Vue
- 关于vue+router+webpack项目开发前期报错:找不到 module vue-router
- 【vue】webpack打包vue项目并且运行在Tomcat里面
- webpack + vue 项目 自定义 插件 解决 前端 JS 版本 更新 问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- 让Vue-cli生成vue+webpack的项目为vue1.0版本以及端口占用问题解决办法