由于VUE项目的有录音功能，在局域网内用手机和电脑测试发现获取不到录音权限，最后发现http打头的地址获取不到录音权限，需要https打头，于是可以将vue项目部署到github上。

步骤如下：

• 1.项目打包
• 2.创建仓库

1.项目打包

下面的方法来源于网上

首先在config文件的index.js 进行修改，将productionGzip改为false，这样打包后体积会很小。

然后将assetsPublicPath: '/'改为assetsPublicPath: './'，不然打包后网页是空白的。

使用了路由的话，将router文件下的index.js中mode改为hash。

然后 npm run build 打包即可。打包后在项目目录下会有一个dist文件，这就是打包后的文件。将其重命名为docs。方便后面的操作。

我新建的一个vue项目可以用这种方法打包，但是自己的项目按照这个方法打包后，始终为空白，只有手动改index.html中的路径，项目写的简单，所以就手动改了改，就是将index.html中引用了js的路径进行修改，如下：

<script type=text/javascript src=/static/js/app.859b7eb472102f2c1579.js></script>

在/static前加点即可。

<script type=text/javascript src=./static/js/app.859b7eb472102f2c1579.js></script>

修改后在本地打开index.html能打开网页并使用说明打包成功了。

2.创建仓库、

点击New repository：

然后取个名字：

点击create即可。然后点击upload，

上传页面如下：

将之前的docs文件拖拽上去即可。再点击commit changes。

 

再点击Setting，Setting页面一直往下面翻，

 

 

把None改成第二个，然后页面会刷新，这时候就看得到网址了

我用的谷歌浏览器。之前用的115，弄死没得网址显示。然后点击网址就可以访问上传的项目了，速度可能有慢，但是勉强能用。