Gitee Pages 部署

1.修改.gitignore将打包文件上传

2.修改路由设置，改为hash模式

const router = new VueRouter({mode: 'hash',routes
})

3.创建.spa文件

这个文件是Gitee Pages部署需要的，内容是空

4.修改（没有就创建）vue.config.js

其中vue-demo是库的名字

const path = require('path')
const resolve = dir => {return path.join(__dirname, dir)
}
module.exports = {// publicPath: './',publicPath: '/vue-demo/',chainWebpack: config => {config.resolve.alias.set('_c', resolve('src/components')) // key,value自行定义，比如.set('@@', resolve('src/components'))},// 输出文件目录outputDir: 'dist'
}

5.打开Gitee Pages功能

选择好分支及自己的打包目录

我打包文件夹是dist，所以目录就输入

dist

Gitee Pages 部署相关推荐

vuepress-theme-reco主题相关配置 + gitee pages 部署
1.效果预览我的博客预览:https://tao-yuhan.gitee.io/tyhanblog/ 2.vuepress 我这里使用的vuepress-theme-reco主题官网地址:http ...
Vue项目打包部署到Gitee Pages配置教程（无空白bug）
仓库目录结构我的仓库目录如下图,其他目录结构配置可能会有所不同哈项目打包配置 vue.config.js 我的项目为vue2+Vue-Cli 4,在vue.config.js中加入以下代码: (如 ...
利用gitee pages 搭建自己的第一个网站
前言 LIEFox地址:https://cxq21.gitee.io/ 平常,我们自己在编辑器写的网页想要进行浏览可以很简单,但我们有没有想过一个问题,当我们想发给别人看的时候,他人要看只可以在文件看 ...
Gitee pages无法更新
Gitee pages无法更新问题使用Gitee pages部署了Mkdocs的静态页面,经过了多次mkdocs gh-deploy指令(上传到Gitee),Gitee pages上始终无法显示修 ...
Github pages 同步到Gitee pages 并自动更新Gitee pages
由于 Gitee Pages 的访问速度很快,很多朋友会选择 Gitee Pages 部署项目(如:个人博客.开源项目国内镜像站点).但是它不像 GitHub Pages 那样,一提交代码就能自动更新 ...
用Gitee Pages服务在线预览vue3前端项目:静态网站+多级路由+history模式(踩坑)
目录目标与前提 vue打包.预览遇到的坑以及原因坑①:静态网站打开一片空白坑②:子路由刷新或直接输入时,网页一片空白或404 坑③:首页加载时间过长坑④:线上预览地址出错时,不显示404页面 ...
【其他】开启Gitee Pages 服务
Pages 服务仅供博客 / 门户 / 开源项目网站 / 开源项目静态效果演示用途一个小白的Pages搭建之旅 A.新建仓库 test_pages 点击创建完成仓库的创建 B.添加文件 index. ...
移动端记账本部署gitee Pages
移动端记账本部署gitee Pages 地址如下:记得使用浏览器移动端模式访问哦 http://kennana.gitee.io/mobile_account_book
gitee项目404问题_vue cli4部署项目到gitee pages ,出现404，找不到资源
问题描述 vue cli4部署项目到gitee pages ,出现404,找不到资源问题出现的环境背景及自己尝试过哪些方法百度了一波,按照他们的说法,在vue.config.js配置文件中添加pu ...

Gitee Pages 部署

1.修改.gitignore将打包文件上传

2.修改路由设置，改为hash模式

3.创建.spa文件

4.修改（没有就创建）vue.config.js

5.打开Gitee Pages功能

Gitee Pages 部署相关推荐

最新文章

热门文章