vue部署，chunk文件有部分404，解决方案

最新推荐文章于 2024-06-11 00:59:33 发布
最新推荐文章于 2024-06-11 00:59:33 发布
阅读量1k 收藏
点赞数
文章标签： 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Heartnottowake/article/details/134007564
版权

排查方案：
1，检查项目配置，再vue.config.js里面配置

  publicPath: "./",

2，打包后检查报错文件是否存在打包目录

3，如果1,2都有
找到部署后404的文件，查看是否为空文件
style里面全注释也会打包文件，但是打包的是空文件，所以，如果没用的css，能删就删吧，要不然还得留坑

或者随便往空文件填写一些内容，也可以解决这个问题，推测，就是服务器部署自动过滤了空文件

心为醒SS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue框架下部署上线后刷新报404问题的解决方案(推荐)
01-19
RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ....vue history模式下nginx配置 服务端nginx的一开
详解Vue项目部署遇到的问题及解决方案
01-19
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 ...
vue使用webpack打包生产时出现的错误和解决方法
u012967454的博客
01-31 1621
1.Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html没显示 （解决 ：考虑路径问题，在配置webpack ，output属性时设置所有路径添加./（publicPath:’./’）使得项目能进入到其所在的相对路径上 ./表示当前路劲下 从而通过这种形式修改添加publicPath解决vue项目生成文件时...
在Spring Boot 的 static 中部署 Vue 应用，chunk.xxx.css 请求为404的原因及解决方案
九思的博客
12-17 3103
项目场景： 我正在做一个Spring Boot和Vue前后端分离的小项目，前端使用Vue+Vue Router+Vuex+axios，后端使用Spring Boot+Spring Security+Mybatis plus。 当我把Vue打包完成的html css js放入static文件夹中，并打包成jar运行的时候，却不能访问某些界面。 报错信息 GET http://localhost:8080/css/chunk-721da9e7.1f8fd1e3.css net::ERR_ABORTED
Vue 打包 chunk-vendors
最新发布
2401_85123394的博客
06-11 940
2.6 MB不要看后面的Time时间那么短，因为这是内网本机访问快，如果到了外网就跟服务器带宽、性能有关了，但是文件这么大，加载慢，那就需要拆开来进行分块加载，不是一味升级服务器解决问题，毕竟要钱的！附带还未进行分块分包加载时，打包得到的文件目录(jscss。
「Vue面试题」vue项目本地开发完成部署到服务器后报404是什么原因呢？
一个前端开发者
04-03 3429
是一种网络应用程序或网站的模型，所有用户交互是通过动态重写当前页面，前面我们也看到了，不管我们应用有多少页面，构建物都只会产出一个。什么自动化，镜像，容器，流水线布署，本质也是将这套逻辑抽象，隔离，用程序来代替重复性的劳动，本文不展开。前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的。这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？产生问题的本质是因为我们的路由是通过JS来执行视图切换的，是没有相关配置的，所以就会出现 404 的情况。
vue打包出0kb的文件，导致部署到平台后报错404的问题
程序员的自我修养
05-14 1013
问题描述： vue项目，进行打包后，在前端和后端本地都可以非常正常的跑起来，但部署到平台，提示 chunk-xxx.css文件找不到，报错404！ 解决办法： 问题定位：那个提示找不到的css文件是0kb的，怀疑和这个有关，试了很多种乱七八槽的高级操作，最终，将代码中的<style></style>里面注释掉的css代码删除掉，重新打包，这次打出来的包就没有0kb文件了，再次部署，成功了~ 网上有人说是这个原因：springboot1时，0kb的css不会有什么问题，s.
vue项目打包部署到服务器上后页面404问题
qq_45963071的博客
11-24 1万+
当我们设置了mode为history时，当前端发送路径给服务端时，服务端根本就不认识省去#的url，所以返回给我们404，因为vue是单一页面所有的页面都在index.html中，vue是用js来切换页面的，具体的解释看vue官网。我使用的是宝塔面板，nginx服务器，在宝塔网站伪静态设置里添加此配置保存即可解决。
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
08-27
在Tomcat服务器上，解决这个问题的方法是设置一个全局的错误页面，将所有404错误重定向到`index.html`，这是Vue应用的入口文件，Vue Router会处理接下来的路由导航。 首先，你需要在你的Vue项目打包后的文件夹...
Vue项目部署在Spring Boot出现页面空白问题的解决方案
12-02
通过上述步骤，我们可以确保Vue项目在Spring Boot环境中部署时，无论是首次加载还是刷新浏览器，都能正确加载静态资源，避免出现页面空白和404错误。请注意，每个项目的具体配置可能因环境而异，因此在实际操作中，...
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
10-18
主要介绍了详解Vue项目中出现Loading chunk {n} failed问题的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解Vue项目编译后部署在非网站根目录的解决方案
01-19
同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。 eg. ： vue-router: history模式 内网环境：192.168.1.1:8080/index.html 外网环境：domain....
nginx 部署 vue 项目找不到js css文件的解决方法
09-29
主要介绍了nginx 部署 vue 项目找不到js css文件的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue-cli history模式实现tomcat部署报404的解决方式
10-16
在Tomcat中部署Vue CLI构建的项目并采用`history`模式时，遇到404错误的主要原因是服务器没有正确地配置来处理这些动态路由。为了解决这个问题，我们需要按照以下步骤进行配置： 1. **打包Vue CLI项目**： 使用`...
详解vue页面首次加载缓慢原因及解决方案
12-13
第一次打包vue的项目部署到服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会...
vue项目中chunk-vendors.js提示报错的查看方法
热门推荐
lyz246859的博客
06-23 1万+
经常在vue项目中，会有chunk-vendors.js报出的各种错误提示，但可能有的报出很多人不懂的如何查看，接下来，给大家一个示例： 上图中的报错，很多人可能只会看【Vue warn】中的错误，而忽略【system】中的错误提示，导致在页面中找了无数个“indexOf”也解决不了错误，其实这条错误产生的步骤都已经在【system】中。让我们由下往上看，错误产生的步骤流程依次是settlement–>otherfun–>list_fun–>audio_play,很明显是因为audio_
vue中404解决方法
m0_74359467的博客
04-11 676
检查服务器配置：如果你的Vue项目部署在服务器上，检查服务器的配置文件，例如nginx配置文件是否正确设置了路由重定向。确保服务器能够正确地处理所请求资源。检查是否正确安装依赖：如果使用了第三方库或组件，确保已经正确安装了相应的依赖。通常是因为找不到所请求的资源。请根据你的具体情况选择相应的解决方法。
vue项目部署后刷新页面404的原因和解决方案
为技术而生
03-11 6085
vue项目打包部署上线后发现项目是可以正常运行，但是使用F5或者浏览器的刷新按钮直接变成404页面。 扩展：当项目部署到服务器子文件路径时资源404问题。
js 文件报 404 错误
kjrim的博客
04-30 3015
问题： GET http://localhost:8080/js/echarts.simple.min.js net::ERR_ABORTED 404 前端页面报404 错误，获取不到js文件 解决方式： IDEA 不能自动编译 js 文件，通过 mvn：clean 项目之后重新启动，项目正常，错误消失。 ...
vue部署到tomcat 404
09-15
将Vue应用部署到Tomcat时，可能会遇到404错误。这个错误通常是由于路由模式的配置问题导致的。默认情况下，Vue Router使用history模式，而Tomcat不支持这种模式。为了解决这个问题，你可以考虑以下两种方法： 方法一：使用hash模式 在创建Vue Router实例时，指定使用hash模式可以解决这个问题。具体做法是在创建Vue Router实例的时候添加"mode: 'hash'"配置项。这样，Vue应用就会使用URL的哈希部分来管理路由，而不会影响Tomcat的配置。 方法二：修改Tomcat的配置 如果你想继续使用history模式，可以修改Tomcat的配置来支持它。在Tomcat的配置文件中，找到和你的项目对应的Context节点，添加一个<rewrite>规则来处理路由。这样，Tomcat就能正确地解析和返回Vue应用的路由页面。 另外，还需要注意以下几点： 1. 确保你的项目文件夹名称在路由配置文件中的base属性中正确指定，以便Tomcat能够正确地找到资源。 2. 如果在部署时将dist文件夹放在webapps下，需要修改config文件夹下的index.js文件中的assetsPublicPath配置项，将其设置为与dist文件所在路径相匹配的值。 通过以上方法，你应该能够成功解决Vue部署到Tomcat时的404错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值