Github and vue.Js

Question

我是一个初学者，我正在学习javascript和vjs。

我想部署我的第一个vuejs应用程序，但这是不可能的。我浪费了几个小时，但我不能再这样做了。我必须请求帮助。

当我部署时，我有一个空白页。

我vue.config.js:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({   transpileDependencies: true,  
publicPath:process.env.NODE_ENV === 'production' 
?'/My-repo/'  
: '/'
})

和我的deploy.bat文件:

# abort on errors
set -e
# build
npm run build
# navigate into the build output directory
cd dist
# if you are deploying to a custom domain
# echo 'www.example.com' > CNAME
git init
git add -A
git commit -m 'deploy'
# if you are deploying to https://<USERNAME>.github.io
# git push -f [e-mail]:<USERNAME>/<USERNAME>.github.io.git main
# if you are deploying to https://<USERNAME>.github.io/<REPO>
git push -f [e-mail]:myUsername/myRepository.git master:gh-pages
cd -

谢谢你的帮助。

Answer 1

谢谢大家的回答。

如果它能帮助别人。

Ubuntu使用VSCode，我创建了deploy.sh文件:

#!/usr/bin/env sh
# abort on errors
set -e
# build
npm run build
# navigate into the build output directory
cd dist

git init
git add -A
git commit -m 'deploy'
# if you are deploying to https://<USERNAME>.github.io/<REPO>
git push -f [e-mail]:<USERNAME>/<REPO>.git master:gh-pages

cd -

然后在vscode的终端输入以下代码:

chmod +x deploy.sh

然后

ssh-keygen -t ed25519 -C "<[e-mail]>"

• 复制密钥
• 转到Github
中的设置
• 添加新的SSH密钥

然后进入package。并添加"deploy";sh deploy.sh"在脚本中:

"scripts":{
"deploy":"sh deploy.sh"
},

then in Terminal:

npm run deploy

在github中进入:

存储库

• 选择"gh-pages"分支
• 转到设置
• 转到Pages
• 选择→分支:gh-pages
点击链接

谢谢大家，祝大家愉快。很抱歉我的英语不好;)