【Vue】如何将一个Vue前端项目部署到Gitee
·
第一步:在Gitee上新建一个空的项目,记下项目的名称(如:test)
第二步:打包自己的前端项目。
注意事项:手动添加一个vue.config.js配置文件,修改打包之后js、css、图片等文件的引用路径(test为你的Gitee项目名称),这一步是最重要的,因为部署到Gitee上之后,文件的真实路径是在你的Gitee项目下的。
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/test'
: '/'
,
productionSourceMap: false,
}
第三步:上传代码到Gitee
注意:注释掉.gitignore文件中的/dist代码,否则无法上传打包后生成的dist文件
.DS_Store
node_modules
# /dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
第四步:使用gitee Pages部署
注意:部署目录写dist,如果以CDN的方式引用了第三方库,需要取消勾选 '强制使用HTTPS’否则会报错。
到此即可部署成功!
更多推荐
已为社区贡献3条内容
所有评论(0)