GitHubPage 搭建项目主页的一些问题

  |  
阅读次数
  |  
字数 343
  |  
时长 ≈ 1 分钟

在将Vue的编译静态文件上传至GitHub仓库,作为项目主页进行访问的过程中遇到了一些问题,记录一下。

1.Vue的基础路径问题

生成静态页后,想放到GitHub作为项目主页,路径需要设置为”./“

1
2
3
module.exports = {
baseUrl: "./"
};

2.将Vue项目编译完成后的dist上传至GitHub仓库

将Vue项目进行npm run build之后,将dist的文件全部上传至新建的项目主页仓库。

3.在已有个人主页后,创建项目主页

如果之前创建过GitHub个人主页,并设置过个性域名,则项目主页不需要上传CNAME文件,直接将静态文件上传至仓库即可。

域名设置A记录以及CNAME

GitHub个人主页设置

这里GitHub个人主页库里面需要新建一个CNAME文件,内容为tidyko.com

GitHub项目主页设置

4.可以通过域名访问后,报以下错误

如果通过上面步骤的设置后,正常访问到页面,但是是空白页面的话,报以下错误,可能是使用了vue的history模式,将其关掉即可。

We're sorry but gojyuuon doesn't work properly without JavaScript enabled. Please enable it to continue.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
export default new Router({
// mode: "history",
base: process.env.BASE_URL,
routes: [{
path: "/",
name: "welcome",
component: welcome
},
{
path: "/index",
name: "index",
component: () => import("./views/index.vue")
},
{
path: "/video",
name: "video",
component: () => import("./views/video.vue")
}
]
});