Vue 项目在github 上部署

目录

Vue项目

修改 Router 配置

添加 vue.config.js 配置

删除.gitignore 配置

github部署

找到项目

 点击Settings

 点击Pages

 在红色区域选择 项目路径，要包含 index.html;

 点击绿色区域，选择显示模式（无要求）

 完成后，链接将显示在这里

---

Vue项目

修改 Router 配置

路由模式将histroy改成hash模式，起初 mode:'history'

export default new Router({
  routes: [],
  
  mode: 'hash'

})

添加 vue.config.js 配置

module.exports = {
  // github 
  publicPath: './',
}

删除.gitignore 配置

找到.gitignore这个文件，把/dist这一项删掉

github部署

找到项目

 点击Settings

 点击Pages

 在红色区域选择 项目路径，要包含 index.html;

 点击绿色区域，选择显示模式（无要求）

 完成后，链接将显示在这里

 

我的项目链接： https://susihao.github.io/CurBackTem-vue2/