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

一、准备

需要一个vue项目。

二、步骤

1. 打包项目

   在项目目录下运行npm run build ，打包的代码在dist目录下；

2. push

   将打包后的dist目录push到Gitee的仓库中；

   注意：一般git会直接忽略掉dist目录，因此在根目录下的.gitignore文件直接将 /dist删掉或者注释。

   

   3.部署

   

   在Gitee仓库中点击服务，然后在点击Gitee Pages，

   

在部署目录下填写dist，点击提交就可以预览自己的项目啦。

等等，还没完......

有没有遇到点击链接出现空白的404 Not Found ！！！

解决办法

1. 找到根目录下的vue.config.js配置文件，若没有，可以自己创建一个(必须是这个名字)；

2. 在里边输入如下代码

   module.exports = {
     publicPath: process.env.NODE_ENV === 'production'
       ? '/项目名称/'
       : '/'
   }
   //项目名称就是你的根目录的文件夹名
   

3. 此时需要重新打包，push到Gitee，部署，然后就可以看到啦~