vue项目打包好后如何在gitee上预览展示(详细操作步骤)

我们的项目写好后，直接打包就可以看效果的，如果想在gitee上使用 https://wangye123456.gitee.io/crm这种个人的网站地址又该如何操作呢，下面我将慢慢介绍：先在config文件夹下index.js找到assetsPublicPath中的“/”，改为“./”即可，就在前面加个点就可以了执行npm run build命令再看看是否打包成功：将dist文件夹中的文件上传到你

喔烨鸭

3639人浏览 · 2020-12-06 22:47:43

喔烨鸭 · 2020-12-06 22:47:43 发布

我们的项目写好后，直接打包就可以看效果的，如果想在gitee上使用 https://wangye123456.gitee.io/crm这种个人的网站地址又该如何操作呢，下面我将慢慢介绍：

先在config文件夹下index.js找到assetsPublicPath中的“/”，改为“./”即可，就在前面加个点就可以了
执行npm run build命令
再看看是否打包成功：

在这里插入图片描述

将dist文件夹中的文件上传到你新建的仓库中,例如：

在这里插入图片描述

点击服务，可以看到有Gittee Pages,点击

在这里插入图片描述

再选中强制使用https，点击更新。

（如果你有其他分支也可以用其他分支）
输入页面中提示的网址，https://wangye123456.gitee.io/crm-management-system，即可看到自己的项目，如果你的index.html不在最外面一层则需要加上一层目录
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^