Vue在打包上传gitee时看不到dist的解决方法

最新推荐文章于 2022-11-20 15:04:05 发布
最新推荐文章于 2022-11-20 15:04:05 发布
阅读量408 收藏 1
点赞数 1
分类专栏： 🌴前端常见的报错问题🌴
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48193717/article/details/108400182
版权

vue项目打包git提交后，在线上看不到dist文件夹

**问题描述：**项目写完后，打包提交到测试环境，发现dist文件夹在本地，并没有提交到测试服务器，

问题原因：

vue项目在git打包上传过程中，为了节约包体积，会禁止dist的上传
解决办法：

打开Vue脚手架文件列表中的.gitigone文件把其中的dist给删掉就好了
在这里插入图片描述

欢迎大家进群进行技术性的探讨， 群号：954314851

在这里插入图片描述

张清悠
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue - 项目(未编译)上传到 Gitee / GitHub 时不上传 dist 文件夹/看不到（解决方案）
王佳斌
10-15 2065
前言 未编译的 Vue 项目在上传码云仓库时，却看不到 dist 文件夹，这是由于 Vue 为了节约上传文件的大小，将 dist 文件给禁止上传了。 解决方案 将 vue 根目录下的 .gitignore 文件打开，删除掉 /dist/ ，就可以了。 ...
git屏蔽掉node_modules和dist的变化监听，不上传node_modules
wxy964666897的博客
11-28 1570
.DS_Store node_modules/ dist/
vue上传GitHub(gitee)后dist文件不见了
NewDayStudy的博客
03-22 1624
原因：vue为了节约上传文件的大小，将dist文件给禁止上传了； 解决方法：将vue根目录下的.gitignore文件打开，删除掉 /dist/ ，然后保存重新在命令行打包（npm run build）； 打包完成后上传到GitHub（gitee）： git add . git commit -t "说明" git push origin master ...
码云上传dist文件
mrz123123123的博客
10-08 311
可以让码云上传dist文件夹 在已经初始化的项目中会有一个.gitignore的文件夹 在这一行的前面加上一个# 将可以上传dist这个文件夹了
Vue项目配置git忽略文件
Komorebi_00的博客
08-19 6812
如果一个文件已经被 Git 跟踪，那么再将这个文件添加到 .gitignore 中并不会忽略文件变更。在开发阶段，有时候需要临时忽略本地仓库中已提交的文件的变更。Git会告诉我们，.gitignore的第3行规则忽略了该文件，于是我们就可以知道应该修订哪个规则。注：以上步骤不会从系统中删除文件，只是告诉Git以后忽略该文件的变更。也可以通过以下方式进行。这主要是为了防止文件被开发者修改。...
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
01-22
vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？ 这里会先介绍.gitignore，不想看的 请直接跳过介绍 看...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP...
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
主要介绍了Vue打包部署到Nginx时,css样式不生效的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
qq740874037的博客
07-04 8815
使用IDEA进行vue打包导致的不生成dist文件夹或打包部署不生效问题
github pages gitee pages 配置教程、更新教程（亲测有效），gitee pages 访问界面为空白，样式和js文件404问题解决（亲测有效）
mrliucx的博客
07-02 8877
github pages配置教程、github部署vue打包项目通过：https://用户名.github.io/项目名 进行访问、并更新dist里面的文件到github即更新链接（亲测有效）
vue项目build打包后提交到git上没有dist目录的解决方案
在写作的路上持续输出。
03-28 2533
vue 项目 npm run build 后的dist 目录上传不到gitee 上的解决方式。
Vue项目打包后dist文件目录详解
热门推荐
qq_36787461的博客
02-17 1万+
1. css文件夹 css文件是项目要用到的css文件,当你做webpack打包的时候，会把所有的css样式打包到这里 2. js文件夹 app.js放的是项目中各个页面的逻辑代码，将格式进行了压缩。 chunk-vendors.js:放的是通过import包导入的第三方依赖包。防止该文件体积过大，可以使用webpack的externals配置。凡是声明在externals中...
前端构建报错排查
W先生
07-16 982
一. 首先检查 node 版本和 npm 版本 检查node版本 node -v 检查npm版本 npm -v 由于现在使用的都是8.16或10.15的node版本的构建镜像，理论上这一步不会有问题。 二. 查找前端构建命令 在前端的代码工程中，找到文件：package.json 在这个文件中找到scripts属性:(跟如下类似) "scripts": { "ng": "ng"...
gitee打包
whaoe999的博客
04-18 1667
第一步：首先找到对应的文件夹，右键打开 Git Bash Here 第二步：点击 + （加号），新建仓库 第三步：输入仓库名，仓库名与路径同步一致 第四步：点击创建 这时候会跳出一个创建仓库的步骤，首先打开刚刚打开过的Git Bash Here 第五步：输入git init，用以初始化git 打开文件夹后，会出现.git 第六步：输入 git add .将全部项目添加至git中 如果是第一次创建仓库的话，则需要输入账号密码，即这里面的内容 第七...
gitee配置流水线实现自动打包vue
chen110710的博客
11-20 1400
第2步：编写构建命令cd dev && npm install && npm run build:prod。其中dev是你vue的目录，build:prod是你的构建方式。--------------------以上是自动打包的核心----------------gitee》最下角的设置》企业管理》资源管理》主机管理和凭证管理。第3步：设置打包地址为 ./dev/dist/第1步：创建一个构建任务，选择nodejs；第4步：添加一个主机部署的任务；第5步：选择主机组；
vue 打包后找不到dist文件夹
阿妖的博客
10-27 5365
接受一个别人做了一半的项目 , 结果要打包测试的时候 执行npm run build 后 没有dist 文件 看了一下 build文件夹里面的index.js 文件 的build对象, 原来是默认的打包路劲被修改了 , 修改回来就好了, __dirname是获取当前位置的绝对路径 ...
vue初始化后没有build目录_vue通过执行npm run build打包出来的dist文件夹中没有index.html...
weixin_42356811的博客
12-31 4946
1. webpack的配置文件中有个配置项：new HtmlWebpackPlugin({favicon: 'favicon.ico',filename: config.build.index,template: 'index.html',inject: true,minify: {removeComments: true,collapseWhitespace: true,removeAttri...
git 上传文件到gitee,以及上传遇到的问题
weixin_44291453的博客
11-21 2133
右击你要上传的文件，然后点击 git Bash Here 然后输入 git init 进行初始化 git init 接着输入 git remote add orign " 仓库地址"，如下图： git remote add orign 接着输入 "git add ."出现如下错误 git add . 就是除了在homework下面有".git"之外其他文件夹里面也有".git"将它删除即可 继续输入 git add . 命令即可 git add . ...
Gitee Jenkins Plugin码云持续集成插件
纸上得来终觉浅，绝知此事要躬行
08-21 8506
插件地址：https://gitee.com/oschina/Gitee-Jenkins-Plugin 目录 简介 目前支持特性 计划中特性 插件安装 插件配置 添加码云链接配置 添加码云APIV5私人令牌 构建任务配置 新建构建任务 源码管理配置 触发器配置 WebHook密码配置 构建后步骤配置 构建结果回评至码云 构建成...
vue3项目打包后部署到服务器 请求不到后台接口解决方法
最新发布
05-01
当vue3项目打包后部署到服务器中无法正常请求到后台接口时，我们需要对此问题进行排查和解决。 首先，我们需要确认后台接口是否正确，可以通过访问接口测试地址或者发送请求测试工具进行测试。如果测试结果正确，则需要排除前端代码的错误问题。 其次，我们需要检查vue3项目中的api请求地址是否正确，包括接口地址和端口号，确保与后台服务器部署的地址一致。 再次，我们需要检查服务器的端口是否开放，如果端口被防火墙或者其他安全限制所阻塞，可以联系服务器管理员进行解决。 最后，我们可以尝试使用其他方式进行请求，比如使用第三方库axios进行请求，或者通过跨域设置进行解决。 总之，无法请求到后台接口的问题可能会有多种原因，需要我们仔细排查和解决，确保项目正常运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张清悠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值