创新实训博客（45）——Vue打包GitHub Page以及遇到的坑

Build

问题1

第一次build以后，打开index是空的。

解决方案

修改vue.config.js，将publicPath改成./

  publicPath: './',

问题2

解决完第一个问题以后，能够看到页面了。

但是所有的请求全部失败。

解决方案

这种是我在单纯的文件中显示的原因。

需要建立github page才能够发出去。

建立GitHub Page

1. 新建仓库

2. git init

3. git remote add

4. 把dist目录添加进去

5. commit并push

6. 在setings中设置page

问题3

请求全部404，然后看看具体的原因。

解决方案

这个是代理服务器的问题

在前面的开发中，我之配置了devServer，所以在实际的生产环境中，肯定会有问题。

使用nginx反代，不过速度比较慢。