欢迎来到飞鸟慕鱼博客,开始您的技术之旅!
当前位置: 首页知识笔记正文

vue项目上传到github,vue项目部署到iis

终极管理员 知识笔记 97阅读
上传Vue项目到githubPage

例如 看我发布的地址

前提条件 1. github上有一个仓库并且仓库下有两个分支main 和 gh-pages

1.1 main分支保存你的vue项目源码react或者其他框架的都行
1.2 gh-pages分支保存的是你项目打包之后的代码如Vue项目打包完之后是个dist包则gh-pages文件夹存放dist目录下所有的文件根目录下必须有index.html

2. 如图 3. 按步骤在github上设置最后在第五步就能看到你的在线链接了 4. 需要注意的是 4.1 你每次重新上传到gh-pages分支下无需在操作它自己就会打包
   git add .   git commit -m 备注   git push origin gh-pages
5. vue项目中
      // vue.confing.js            const { defineConfig }  require(vue/cli-service)      module.exports  defineConfig({        transpileDependencies: true,        lintOnSave: false,        publicPath: process.env.NODE_ENV  production ? /use-yt-ui : /      })      // 根目录下新建 deploy.sh 文件            #!/usr/bin/env sh            # 当发生错误时中止脚本      set -e            # 构建      npm run build            # cd 到构建输出的目录下      cd dist            # 部署到自定义域域名      # echo www.example.com > CNAME            git init      git add -A      git commit -m deploy            # 部署到       # git push -f gitgithub.com:<USERNAME>/<USERNAME>.github.io.git master            # 部署到       git push -f gitgithub.com:ProgrammerMao-001/use-yt-ui.git master:gh-pages      cd -
6. 发布成功

标签:
声明:无特别说明,转载请标明本文来源!