如何使用Gitee Pages服务 搭建Vue项目
更新时间：2022年10月25日 11:32:53 作者：LitongZero
这篇文章主要介绍了如何使用Gitee Pages服务 搭建Vue项目，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
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/'
解决JS访问不到的问题。
注意，此处修改的assetsPublicPath为build对象中的！
三、打开build/utils.js文件（解决CSS/字体找不到问题）
在如下位置添加 publicPath: '../../'
在本地运行npm run build，得到`dist
`
7.将build得到的文件
上传到你git仓库中
8.点击项目导航栏中的服务
--> Gitee Pages
9.开始构建
选择你的分支，如果只有一个分支，就选master
选择部署目录，本文中，build后的文件全部都在dist目录下，所以，填入dist。
如果，你发现，构建后，css\js\img等文件，报了404异常，请看本文第5步 -> 二\三
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue3.0 beta 版本已经发布有一段时间了，今天这篇文章就带大家体验一下，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了vue+element+oss实现前端分片上传和断点续传，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
本文给大家分享的是个人在使用vue.js制作的文章和评论的分页组件，并使用webpack打包起来，这里推荐给大家，有需要的小伙伴可以参考下2016-06-06
这篇文章主要介绍了使用Element实现表格表头添加搜索图标和功能，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了vue3无法使用jsx的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vue.config.js常用配置详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要给大家介绍了关于vscode下vue项目中eslint的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
这篇文章主要介绍了Vue源码探究之虚拟节点的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-04-04
这篇文章主要为大家介绍了vue项目中一定会用到的性能优化技巧实例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了稍微学一下 Vue 的数据响应式（Vue2 及 Vue3），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
最新评论