使用 github pages, 部署靜態網頁
- 效果預覽我自己的個人博客點擊
- 需要源碼的話github倉庫點擊
- github保存到自己倉庫
在github創建一個倉庫
為倉庫命名
將本地文件上傳到githup
上傳後效果和進入設置界面進行配置
在page頁面進行配置
更改路徑名(也可不更改)
page遇到的問題 頁面空白隻有文字
- 打包時在vue.config.js中更改
module.exports = defineConfig({ publicPath: process.env.NODE_ENV === 'production' " >'/myweb/' // githup倉庫名稱 : '/', transpileDependencies: true,})
進入的頁面顯示404,但在下一級目錄中有
- 目錄結構不對
- 網址進入的就是倉庫第一層目錄,要保證第一層目錄與網址名匹配