github和gitee都可以部署，各有优缺点。

码云gitee是国内网站，打开网页的速度快，中文网站容易操作。但需要实名认证，实名认证需要身份证正反面以及手持身份证正反面照片。

GitHub不是国内网站，比较难打开，甚至有时候可能需要科学上网才能打开，而且是英文网站。但GitHub无需实名认证，全程免费，没额外操作。

步骤一、打包项目

对vue项目进行打包：npm run build。
生成一个dist文件夹。
我遇到的坑是，打开dist文件夹内的index.html文件，是空白页面。
打开控制台看到报错信息显示如下图。

原因是路径有误。打开index.html的源码来看，发现路径用的是’/‘，但index.html文件和js文件夹是同级目录，如果从index.html进入到js文件夹内的文件，需要用’./'。
也就是说，对比dist文件夹结构可以看到资源路径的引入是错误的，应该用’./‘而不是’/'。

解决办法：
打开根目录下的(也就是与dist文件夹同级的)vue.config.js文件，如果没有该文件，则自己新建一个文件并修改文件名为vue.config.js即可。

在该文件内输入以下代码即可：

module.exports = {
    publicPath: './',
}

因为我的vue.config.js文件本来就有内容，也有publicPath，我就把原本的publicPath那一行注释掉，然后重新写上publicPath: ‘./’,即可

接下来，回到项目终端，重新输入npm run build进行打包。打包完成后，再打开dist文件夹内的index.html文件，就可以正常显示项目了。

步骤二 部署

这一步在b站有很多视频教学，时长也就大概5分钟10分钟左右。找两个播放量高的视频跟着操作就好。
我是跟着下面链接的视频来的，没遇到过error，顺利部署成功。如果有问题，可以在评论区交流。
最后，把部署好的项目网址发给别人发给朋友也可以打开来看了。
https://www.bilibili.com/video/BV1wT4y1Z71B?spm_id_from=333.337.search-card.all.click&vd_source=5b8f7b049573ffd6ffbd2703deb5835a
想了想，为了以防这视频哪天突然被up主删掉，就大概记录一下过程吧。
打开GitHub官网，右上角新建仓库。

假如你的用户名是AAA，就把仓库名(Repository name)设为AAA.github.io

勾选Pubilc，因为private要收费。
如果项目中没有readme文件，就勾选一下"Add a README file"。然后就点Create repository就行了。

然后按如下图步骤，点击Code，然后选SSH（视频是选HTTPS的，但我用HTTPS总是失败），就用SSH了。第3步操作是复制该SSH代码。

创建成功后，自己找一个文件夹，在空白位置右键打开Git Bash（需要提前安装好Git工具，才会有这个按钮）

打开了Git界面后，输入git clone 右键粘贴刚刚复制的SSH代码。回车。

然后就看到多了一个文件夹，就是刚刚git clone克隆下来的项目。接下来，把需要部署的项目的dist文件夹内所有文件复制粘贴到刚刚克隆下来的那个文件夹内。

回到Git界面，依次输入以下命令：
cd AAA.github.io
git add .
git commit -m ‘第一次上传’
git push

刷新GitHub页面，可以看到GitHub上出现了dist文件夹内的所有文件即可。
在浏览器输入AAA.github.io打开，就能看到我们的项目页面了。把AAA.github.io发给别人来浏览也是可以的。

上述输入命令的过程中，可能需要输入GitHub账号密码登录认证，认证结束后再重新输入上一步的命令，因为上一步的命令还没成功。

还可以把项目网址生成二维码，方便找工作的时候发给hr看。直接在百度上搜索二维码生成器就能找到很多，把项目网址复制过去，就能自动生成二维码的啦。