使用Gitee Pages服务 搭建Vue项目
使用Gitee Pages服务 搭建Vue项目
文章目录
- 使用Gitee Pages服务 搭建Vue项目
- 1.背景
- 1.Gitee（GitHub） Pages 服务作为一个页面容器，可以说是非常方便了。我们可以在上面`免费`部署前端项目。
- 2.并且同时获得一个附带`.gitee.io（github.io）`的网址。
- 3.其他优点就不再赘述，可自行百度。
- 2.Gitee Pages的介绍
- 3.上传自己的项目到Gitee上。
- 4.如果你的是Vue项目(重点讨论)
- 5. 本地`build
- `在构建前，一定要注意修改两个地方`
- 注意，此处修改的`assetsPublicPath`为`build`对象中的！
- 选择你的分支，如果只有一个分支，就选`master`
- 选择部署目录，本文中，`build`后的文件全部都在`dist`目录下，所以，填入`dist`。
- 如果，你发现，构建后，`css\js\img`等文件，报了`404`异常，请看本文`第5步 -> 二`
1.背景
1.Gitee（GitHub） Pages 服务作为一个页面容器，可以说是非常方便了。我们可以在上面
免费部署前端项目。2.并且同时获得一个附带
.gitee.io（github.io）的网址。3.其他优点就不再赘述，可自行百度。
2.Gitee Pages的介绍
具体可以看这个网址Gitee Pages官方介绍
3.上传自己的项目到Gitee上。
点击项目导航栏中的服务 --> Gitee Pages
如果是静态项目，此处不再说啥，直接构建，你的项目中有index.html(主入口)就可以
4.如果你的是Vue项目(重点讨论)
首先，根据官方指示
在项目路径中添加.spa文件
原理，我不是很清楚，应该是给Nginx做一个标识作用吧。
5. 本地`build
在构建前，一定要注意修改两个地方
一、将build.js文件中的console.log全部注释
二、将config/index.js中的assetsPublicPath值改为./或图中的英文指示改为你的项目名称加/如： '/ltz/'
注意，此处修改的assetsPublicPath为build对象中的！
在本地运行npm run build，得到`dist
`