如何将Vue CLI 3.x项目成功部署到GitHub Pages？

本文共计919个文字，预计阅读时间需要4分钟。

“GitHub Pages 是 GitHub 为用户免费提供的服务，可用于搭建博客或部署一些纯静态项目。最近尝试将使用 Vue CLI 3.x 初始化的项目部署到 GitHub Pages，遇到了一些难题，记录如下：

1. “

github pages 是 github 免费为用户提供的服务，写博客，或者部署一些纯静态项目。

最近将 vue cli 3.x 初始化项目部署到 github pages，踩了一些坑，记录如下。

github.com/nusr/resume-vue

1. vue-router 不要开启 history 模式

路径中的 # 比较丑，就开启了 vue-router 的 history 模式，去掉了 #。平时做项目也是默认开启 history 模式。折腾了半天发现，我这是部署到 github pages ，服务器没有配置，导致页面一直请求不到。

2. 配置 publicUrl

打包路径也要单独配置，否则也是请求不到页面。