说明:本文默认你已经将vue2项目做完,且还未打包;默认你会使用git提交代码到gitee仓库,只是还不会使用gitee的pages功能。
1、打开gitee官网并登录,登录 - Gitee.com
2、创建一个gitee仓库,假设命名为 'mystore' ,然后将写好的vue项目提交到这个仓库;
============ 第3,4两步为重要步骤 ============
3、在gitee上部署单页应用需要在根目录创建一个空的文件,文件名为“.spa”
4、需要在vue.config.js文件中,配置 publicPath: "/mystore/",这里的mystore为你的仓库名称,解决部署后的路径请求问题
module.exports = defineConfig({
publicPath: "/mystore/"
})
5、然后对项目进行打包,将打包后的文件上传到gitee(这里需要将.gitignore文件中的dist字段删除,不然dist文件是默认被忽略,无法上传到gitee仓库的)
6、如图,进入到mystore仓库后,找到 服务 --> gitee pages
这里第一次进入是需要实名认证的,按步骤操作即可,一般1-2个工作日审核完,如果急需使用,也可以到官方交流群里面催管理员审核
7、审核完毕之后,按如下图操作即可,部署目录需要写上dist
文章来源:https://www.toymoban.com/news/detail-411614.html
部署完毕后,会有一个网站地址,能打开看到你的项目页面,即表示部署成功文章来源地址https://www.toymoban.com/news/detail-411614.html
到了这里,关于vue2项目部署到码云(gitee/pages)的操作步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!