vue-cli构建项目 npm run build打包后怎么在本地查看效果
来源:互联网 发布:fastjson解析多层json 编辑:程序博客网 时间:2024/05/23 01:22
点击查看原文
本文以vue官方脚手架vue-cli构建的项目为例。
运行npm run dev以开发模式打开调试好了你的案例程序;你还不满足于仅仅把代码放在github上,想把项目打包,然后在本地预览或者放在个人博客上供大家直接看效果学习。
这时如果直接运行npn run build是可以运行并打包你的代码的,不会报任何异常或错误,但是会看到打包完成有这样一句提示:
看到这里第一感觉:不是警告色,应该没啥问题,(也许是英语不过关也许是懒得不想看反正是没看这段提示是什么意思)抱着试试看的侥幸心理,默默用浏览器打开了刚build生成的dist目录下的index.html文件!
然而惊奇地发现网页一片空白,丝毫没有一点点痕迹。打开了控制台,看到console tab下一片404的各种找不到资源
解决方案
打开项目文件夹。找到config文件夹里的index.js文件中的build对象,将assetsPublicPath中的“/”,改为“./”,并在build\build.js将这两句的提示信息删掉或注释掉,再打包直接用浏览器直接运行就好了。
亲测有效
阅读全文
0 0
- vue-cli构建项目 npm run build打包后怎么在本地查看效果
- vue-cli 项目打包 npm run build
- npm run build 打包后,如何运行在本地查看效果
- 关于vue-cli项目npm run build后,index.html无法在浏览器打开
- vue-cli 打包压缩(npm run build)文件后,默认根目录修改
- 前端框架Vue(12)——如何将 vue-cli 项目打包压缩(npm run build)后放到服务器
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件
- Vue项目本地run与build后样式不同,build后样式不生效
- vue打包npm run build时候界面报错
- 解决vue-cli npm run build之后vendor.js文件过大的问题
- vue等项目如何在本地查看效果
- vue-cli构建项目
- vue-cli构建项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- C语言 水仙花数
- Handler机制
- 关于一行代码实现两个整型变量值互换的问题
- PS学习_1-软件下载与破解
- druid配置数据库连接使用密文密码
- vue-cli构建项目 npm run build打包后怎么在本地查看效果
- 获取wifi信息
- Jmeter断言/检查点
- maven学习笔记(三) maven的坐标
- 【HDU 1114】Piggy-Bank(DP-完全背包)
- jquery面试题(转载)
- 创建WebService服务器以及客户端调用
- COM浅析
- Leetcode 506. Relative Ranks