vue学习-部署项目

1.gitee部署 （免费）

gitee类似github，也提供了gitee Page，类似github Page的功能。

npm run build之前，需要设置正确的pulicpath，不然会导致文件404

1. 在vue.config.js加入（这里todo-list是仓库名字）

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "/todo-list/" : "/",
};

2. 这里我把打包好的dist文件也上传到仓库了，选中dist文件为部署目录，即可 

 

2.CloudBase （流量收费等）

1. npm install -g @cloudbase/cli （不行用cnpm）

2. 根目录运行 cloudbase init --without-template

3. 然后就是一堆认证图形操作界面部署了

注意这个上面的不一样，要在vue.config.js设置publicPath为'/'，否则404（搞不懂为什么，可能部署的构建过程哪里出了问题，路径加上了项目名'todo-list'࿰