vue2项目部署到码云(gitee/pages)的操作步骤

这篇具有很好参考价值的文章主要介绍了vue2项目部署到码云(gitee/pages)的操作步骤。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

说明:本文默认你已经将vue2项目做完,且还未打包;默认你会使用git提交代码到gitee仓库,只是还不会使用gitee的pages功能。

1、打开gitee官网并登录,登录 - Gitee.com

2、创建一个gitee仓库,假设命名为 'mystore' ,然后将写好的vue项目提交到这个仓库;

        ============ 第3,4两步为重要步骤 ============

3、在gitee上部署单页应用需要在根目录创建一个空的文件,文件名为“.spa”

vue2项目部署到码云(gitee/pages)的操作步骤

 

4、需要在vue.config.js文件中,配置 publicPath: "/mystore/",这里的mystore为你的仓库名称,解决部署后的路径请求问题

module.exports = defineConfig({
  publicPath: "/mystore/"
})

5、然后对项目进行打包,将打包后的文件上传到gitee(这里需要将.gitignore文件中的dist字段删除,不然dist文件是默认被忽略,无法上传到gitee仓库的)

 6、如图,进入到mystore仓库后,找到 服务 --> gitee pages

vue2项目部署到码云(gitee/pages)的操作步骤

 这里第一次进入是需要实名认证的,按步骤操作即可,一般1-2个工作日审核完,如果急需使用,也可以到官方交流群里面催管理员审核

7、审核完毕之后,按如下图操作即可,部署目录需要写上dist

vue2项目部署到码云(gitee/pages)的操作步骤

 部署完毕后,会有一个网站地址,能打开看到你的项目页面,即表示部署成功文章来源地址https://www.toymoban.com/news/detail-411614.html

到了这里,关于vue2项目部署到码云(gitee/pages)的操作步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • gitee(码云)建立新仓库并推送项目代码步骤

    1.下载git工具并安装(推荐使用14-16版本,版本过高可能会导致项目安装依赖失败) 2.安装完成后 3.到码云内注册账号 4.注册完成后新建仓库 5.桌面右击打开git Bash Here 6.git clone 复制某个仓库内克隆下载按钮点一下会有个https地址,将本地与远程仓库建立连接 7.连接成功以后会

    2024年04月22日
    浏览(33)
  • IDEA将本地项目上传到码云

    一、创建本地仓库并关联 用IDEA打开项目,在菜单栏点击vcs-create git repository创建本地仓库, 选择当前项目所在的文件夹当作仓库目录。 二、将项目提交本地仓库 项目名右键就会出现“GIT”这个选项-Add-Commit Directory, 先将项目add到缓冲区, 再git-commit到本地仓库 选择“Commit

    2024年02月15日
    浏览(203)
  • 用IDEA/命令行上传本地项目到码云

    一般我们都是用IDEA从远端仓库拉取代码,然后修改,提交,再推送。 但是,如果我们要将本地开发好的项目上传到远程仓库呢? 下面简单记录下直接用命令行的方式,以及借用IDEA完成的方法。 其实我是推荐这种方法的,用工具可能还要更加繁琐一点。 1.创建本地仓库 在电

    2023年04月11日
    浏览(33)
  • vue3+vite静态页面部署到gitee pages

    随着vue3的成熟,vue2将在2023.12.31停止维护,所以有必要搞一下vue3项目静态页面怎么部署到gitee中了 如果还有想部署vue2静态页面到gitee中的话,访问https://blog.csdn.net/qq_45952585/article/details/122514028?spm=1001.2014.3001.5502 vue3+vite+ts脚手架创建就不写了,随便搜一搜,一大把,直接上重点

    2024年02月03日
    浏览(44)
  • Vue2项目创建步骤

    空格键是选中与取消,A键是全选 TypeScript 支持使用 TypeScript 书写源码 Progressive Web App (PWA) Support PWA 支持。 Router 支持 vue-router 。 Vuex 支持 vuex 。 CSS Pre-processors 支持 CSS 预处理器。 Linter / Formatter 支持代码风格检查和格式化。 Unit Testing 支持单元测试。 E2E Testing 支持 E2E 测试。

    2023年04月24日
    浏览(36)
  • 使用gitee(码云)上传自己的代码(0基础保姆级操作)

    自己学习过程中遇到过很多问题,也在网上看到了很多教学,但都都对0基础的人不太友好,所以写了这篇文章。希望0基础的人,也可以通过开源代码,或在记录自己的学习过程中找到乐趣。 上传代码的意义:1,记录自己的学习过程;2,通过开源代码,无数的开发者会不断

    2024年02月04日
    浏览(41)
  • 怎么从码云(gitee)下载项目到IDEA运行

            如果我们直接从码云克隆/下载项目,发现在Idea上运行时是行不通的!怎么办呢?请往下看:  一、在官网下载Git Bash  二、创建一个空文件夹          首先创建一个空文件夹   三、使用git clone url命令下载在文件夹          右击创建的空文件,找到Git Bash He

    2023年04月19日
    浏览(34)
  • 从0开始在Vscode中搭建Vue2/3项目详细步骤

    1.安装node.js:Node.js下载安装及环境配置教程【超详细】_nodejs下载_WHF__的博客-CSDN博客 node.js自带npm,无需单独安装。 验证: node -v    npm -v 2.先简单创建一个空文件夹,vscode进入该文件夹,并打开终端。 3.安装cnpm,目的加快vue-cli安装速度: npm install -g cnpm --registry=https://regis

    2024年02月08日
    浏览(44)
  • vue2引入Element UI组件去创建新页面的详细步骤--项目阶段2

    目录 一、Element UI介绍 Element UI的特点: 二、下载配置Element UI (零)创建vue项目 (一)下载Element UI依赖   (二)全局文件main.js中引入Element UI 三、删除多余的东西  (一)删除App.vue多余的  (二)删除多余的页面  (三)删除router路由多余的  四、新建vue页面 (一)新建

    2024年02月07日
    浏览(45)
  • 以vue2为例,用npm开发环境在后端部署vue2项目(更推荐使用nginx部署)

    因为之前一致出现的跨域问题,从而想到了这个办法,属于偏方。推荐使用nginx部署,再去解决跨域问题。 接下来聊一聊本文所使用的方法。 首先将你的前端vue项目拷贝一份到服务器,准备一个dockerfile文件,用这个进行部署首先你得前提是配置好了vue.config.js的跨域配置了,

    2024年02月14日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包