Gitee Pages 部署_gitee pages部署

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

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

const router = new VueRouter({
  mode: 'hash',
  routes
})
1
2
3
4

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'
}
1
2
3
4
5
6
7
8
9
10
11
12
13

5.打开Gitee Pages功能

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

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

dist
1