将vue项目部署到GiteePages

187 阅读1分钟

1.在vue.config.js里添加下面代码 注意publicPath这行代码一定要放在最上面。

module.exports = { 
publicPath: process.env.NODE_ENV === 'production' 
? '/todolistvue/' 
: '/' }

image.png

这个名字是项目名称,要保证项目名称和仓库名称相同。

2.注掉.gitignore里的这行代码,防止无法提交dist

image.png

3.npm run build

4.git三步提交到gitee后,点击服务,找到GiteePages

image.png

部署服务

image.png 注意分支可以自己选择,如果自己没有创建过分支,就默认master 部署目录就写dist