将vue项目通过webpack打包在github上进行预览遇到的大坑

最新推荐文章于 2021-12-15 16:55:30 发布
最新推荐文章于 2021-12-15 16:55:30 发布
阅读量303 收藏
点赞数 1
分类专栏： 项目开发 文章标签： github webpack vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27346075/article/details/89977467
版权

将vue项目通过webpack打包在github上进行预览遇到的大坑！！！

捣鼓了半天，网上看了无数解答都无效，始终是404！！！

结果原因是：

在github上预览项目必须要有README.md文件，不然会是404！！！

祝我好运
关注
专栏目录
将vue项目打包并使用GitHub的域名
qq_40930582的博客
06-07 463
由于VUE项目的有录音功能，在局域网内用手机和电脑测试发现获取不到录音权限，最后发现http打头的地址获取不到录音权限，需要https打头，于是可以将vue项目部署到github上。 步骤如下： 1.项目打包 2.创建仓库 1.项目打包 下面的方法来源于网上 首先在config文件的index.js 进行修改，将productionGzip改为false，这样打包后体积会很小。 然后将...
初次写vue商城项目的一些流程及反思
mirror29的博客
11-01 1万+
前言      前段时间在负责某商城的前端，因为页面简单流程不复杂，遂大胆采用了vue框架来写该项目前端。之前有写过两个微信小程序所以上手vue难度也不算很高，毕竟思路是相通的只是某些写法不同罢了。但毕竟是在正式项目中第一次用vue，算是对自己这段时间学习的成果的检验，下面先介绍所采用的技术栈。 技术栈     首先用vue官方脚手架vue-cli搭建了项目，本来考虑ios端点击延迟问题引入...
vue-cli webpack 开发的项目如何在github 上预览！！！
weixin_30642869的博客
02-14 142
绞尽脑汁 苦思冥想。。 。。。。。。。。。。终于 大神告诉我方法。。。 1bulid 后 生成 dist 文件夹 2. github 新建仓库 name 为 xxx.github.io 3.上传dist文件夹 不要只上传里面的内容 会报错 路径错误 4生成 page 不会的 看我上篇文章 改版后的github怎么生成page ...
关于vue-cli构建的项目在github上的预览问题
weixin_33681778的博客
10-25 155
本文首发于yoowin.me，欢迎访问！ vue-cli构建的项目，npm run dev时看到的页面对应的是npm run build之后dist文件夹中的index.html文件，而不是项目根目录下的index.html文件。 我第一次使用vue-cli构建的项目，在npm run build之后，在本地打开dist文件夹中的index.html文件，页面是空白的。而在本地npm run ...
webpack打包项目如何实现github预览
张木期的博客
06-06 932
最近在用Vue写了一个项目用来webpack打包后，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅 完成Vue项目以后，在上传到github之前，需要修改一些配置才能通过github pages预览项目。 一、修改配置 解决文件路径问题： 打开项目根目录config文件夹下的index.js文件，进行如下修改： 看清楚是 build...
关于vue-cli项目build后本地和github pages预览问题
猫老板的豆
05-23 3106
前言 最近在初步完成自己的掘金移动端App后，想要上传到github，并且制作一个简单的预览功能，期间遇到了一些问题，分享在此，以便查阅。 打包Vue项目 当Vue项目完成后，在根目录下打开命令行，输入命令： npm run build 实际上此命令就是执行build.js文件，将项目打包成静态资源。 此命令完成后，项目根目录下会多出一个dist文件夹，dist文件里面有：...
vue2实践揭秘pdf_Vue2实践揭秘
weixin_39607873的博客
12-20 717
本书以Vue2的实践应用为根基，从实际示例入手，详细讲解Vue2的基础理论应用及高级组件开发，通过简明易懂的实例代码，生动地让读者快速、全方位地掌握Vue2的各种入门技巧以及一些在实际项目中的宝贵经验。本书除了全面、细致地讲述Vue2的生态结构、实际编程技巧和一些从实践中得到的经验，还重点介绍如何以组件化编程思想为指导，以前端工程化方法为实现手段来实践Vue2，通过组件的单元测试和E2E测试来保证...
【猿说VUE】初识VUE，带你打开VUE之门
热门推荐
黑白猿的琐碎日常
02-29 2万+
自从近几年前后端分离模式开始后，作为从事后端开发的我，为了跟上时代的步伐，或者能够跟现在的年轻人交流，开始了自学VUE的学习之旅。再次记录学习中的点点滴滴，争取把学习过程中的九九八十一难都记录下来，作为自己学习的一个见证，也是对自己的一个督促。
Vue 全家桶 + Electron 开发的一个跨三端的应用
findhappy117的博客
03-11 1万+
代码地址如下：http://www.demodashi.com/demo/11738.html GitHub Repo：vue-objccn Follow: halfrost · GitHub 利用 Vue.js 实现 objc中国 的跨平台全栈应用 ✅ 桌面应用，支持 Mac、Linux、Windows 三个平台 ✅ Web 应用，支持 桌面浏览器 和 手机浏览器 ✅ 手机 App，目
TP5后端,VUE前端请求聚合数据驾照题库
qq_38192709的博客
12-15 1826
选择效果： 演示效果： 1： Vue 配置： /config/index.js 'use strict' // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { dev: { // Paths assetsSubDirectory: 'static',
关于webpack打包vue项目在GitHubPage上不显示的解决方法
TLROJE787的博客
11-12 879
在网上查了很久，结果发现webpack打包后显示了一串网址 （https://cli.vuejs.org/guide/deployment.html#general-guidelines）， 内容为Vue CLI的部署，其中就讲了关于GithubPage的一些相关配置 ## 正文开始 1正常的vue项目打包后放在GitHubPage上是不显示的 2这时需要在package.json同级目录下创建...
如何将本地vue项目上传到github
卡卡西：一个擅长拷贝的前端程序员
03-22 1万+
将本地项目上传到github, 创建本地仓库--创建github仓库--关联仓库--上传成功
vue项目提交到github上,实现在线预览
qq_36022290的博客
04-08 525
除去前后台交互，我们通常npm run dev本地预览； 实现GitHub上在线预览： 1、npm run build 将项目打包 2、提交到GitHub上 3、进入settings 4、在GitHub Pages选择source的第一个选项，然后就有一个连接如下图所示： ...
vue项目打包后页面出现空白
qq_24882601的博客
05-23 1万+
相信很多刚刚接触vue的伙伴会遇到这样的问题，就是说vue项目在开发环境下一切正常，但是打包之后，打开index.html页面却是一片空白，打开控制台发现这样的错误 出现这种情况要分两个处理方式（vue-cli2和vue-cli3），先说vue-cli2； 首先找到config/index.js文件，将assetPublicPath的路径改为“./”即可， vue-cli3...
Vue项目使用webpack打包发布到服务器
北海之灵的博客
01-24 2383
vue开发的项目，使用webpack打包命令  npm run build 打包之后，部署到Tomcat启动之后出现部分图片不显示或其它问题，需要做如下修改。 1.修改config/index.js  build 节点的 assetsPublicPath属性由 '/' 改为 './'   修改 build/utils.js 文件 generateLoaders函数中 添加  publ...
前端自动打包工具webpack的安装和使用
facing-screen's blog
02-19 1968
一、准备 要使用webpack工具，最好了解一些基础的文件目录操作的命令行， win all里的一些常用的命令行http://blog.csdn.net/qq_36110571/article/details/79338914 二、安装webpack 先去node官网下载安装node.js， 然后win+R cmd 运行命令提示符；输入 npm webpack -g # 回车等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值