使用Gitee Pages服务 搭建Vue项目
使用Gitee Pages服务 搭建Vue项目1.背景1.Gitee(GitHub) Pages 服务作为一个页面容器,可以说是非常方便了。我们可以在上面免费部署前端项目。2.并且同时获得一个附带.gitee.io(github.io)的网址。3.其他优点就不再赘述,可自行百度。2.Gitee Pages的介绍具体可以看这个网址Gitee Pages官方介绍3.上传自己的项目到G...
·
使用Gitee Pages服务 搭建Vue项目
文章目录
- 使用Gitee Pages服务 搭建Vue项目
- 注意,此处修改的`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/'
解决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步 -> 二\三
更多推荐
已为社区贡献6条内容
所有评论(0)