說明:本文默認(rèn)你已經(jīng)將vue2項(xiàng)目做完,且還未打包;默認(rèn)你會(huì)使用git提交代碼到gitee倉庫,只是還不會(huì)使用gitee的pages功能。
1、打開gitee官網(wǎng)并登錄,登錄 - Gitee.com
2、創(chuàng)建一個(gè)gitee倉庫,假設(shè)命名為 'mystore' ,然后將寫好的vue項(xiàng)目提交到這個(gè)倉庫;
? ? ? ? ============ 第3,4兩步為重要步驟?============
3、在gitee上部署單頁應(yīng)用需要在根目錄創(chuàng)建一個(gè)空的文件,文件名為“.spa”
?
4、需要在vue.config.js文件中,配置 publicPath: "/mystore/",這里的mystore為你的倉庫名稱,解決部署后的路徑請求問題
module.exports = defineConfig({
publicPath: "/mystore/"
})
5、然后對項(xiàng)目進(jìn)行打包,將打包后的文件上傳到gitee(這里需要將.gitignore文件中的dist字段刪除,不然dist文件是默認(rèn)被忽略,無法上傳到gitee倉庫的)
?6、如圖,進(jìn)入到mystore倉庫后,找到 服務(wù) --> gitee pages
?這里第一次進(jìn)入是需要實(shí)名認(rèn)證的,按步驟操作即可,一般1-2個(gè)工作日審核完,如果急需使用,也可以到官方交流群里面催管理員審核
7、審核完畢之后,按如下圖操作即可,部署目錄需要寫上dist
文章來源:http://www.zghlxwxcb.cn/news/detail-411614.html
?部署完畢后,會(huì)有一個(gè)網(wǎng)站地址,能打開看到你的項(xiàng)目頁面,即表示部署成功文章來源地址http://www.zghlxwxcb.cn/news/detail-411614.html
到了這里,關(guān)于vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!