vue项目如何部署在码云gitte上？

1. 准备

• 一个Vue项目
• 将项目的代码push到gitee上

2. 步骤

1. 打包项目

​ 命令行打包项目npm run build，要注意打包后需要将构建后的代码（也就是dist目录的文件）push到gitee上。

​ 注意：一般git会直接忽略dist中的代码，所以需要找到根目录配置文件.gitignore，此处直接删掉或者注释#

2. 部署

1. 打开自己的远程仓库，点击服务

   

2. 点击Gitee Pages

   

3. 修改部署目录为dist，点击启动

   

4. 然后就可以预览自己的项目啦~

3. 空白页面，显示报错

​ 没有找到静态资源文件？

解决办法

1. 找到根目录下的vue.config.js配置文件，若无，自行创建一个

2. 输入以下代码

   module.exports = {
     publicPath: process.env.NODE_ENV === 'production'
       ? '/项目名称/'
       : '/'
   }
   

   此处项目名称查看办法为：首先打开gitee项目所在地址，然后查看其url组成部分为gitee.com/用户名/项目名称

3. 注意需要重新打包，然后push代码，然后部署（更新），此时就大功告成啦。