vue代理配置没问题但是报错404

最新推荐文章于 2025-04-13 14:45:00 发布
原创 最新推荐文章于 2025-04-13 14:45:00 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文解释了VueProxy代理的匹配规则，即按配置顺序执行，导致优先级问题。解决办法是确保较短路径的代理位于较长路径之下，以避免因路径覆盖而引发404错误。

原因：没有注意vue proxy代理优先级的规则：

vue proxy代理匹配的规则是按照配置的内容从上到下，顺序逐个匹配的，因此第一个被匹配到的规则生效以后, 后面就不会被匹配到：
在这里插入图片描述
如上图，若“/api”在“/statisticApi”上方，且你要使用/statisticApi，那么在匹配到/api的时候就认为已经匹配成功，不会继续往下找/statisticApi。在/api里自然找不到/statisticApi里的接口啦，所以报错404.

要想不出问题，有两个方法：

  1. 代理名称之间不能有包含与被包含的关系
  2. 较长的代理名称放在最上方，/api这种短的放在下方
onecaicai
关注
nignx解决vue部署服务器刷新页面出现404问题
猿小白的博客
03-11 3302
在部署前后端分离项目项目的时候，有可能会遇到能访问页面，但是刷新页面却404。 解决办法： location / { root html/dist; try_files $uri $uri/ /index.html; # 这行配置代码是关键 index index.html index.htm; } 改完之后，记得重启一下nginx服务。 ...
部署Vue项目到服务器后404错误
热门推荐
全栈若城,专注知识分享
10-12 6万+
其他后端配置方案（如Apache、Node.js）的核心思想类似，本文不再详述。
解决VueCil代理本地proxytable无效报错404的问题
01-22
前言 因为项目中遇到了这个bug：Vue cil2中配置代理proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人； 正文 1. 为什么要使用代理？ 代理的作用是：把请求代理转发到其他服务器的中间件； 例如：我们当前主机为http://localhost:8080/，现在我们有一个需求，如果我们请求/api，我们不希望由3000来处理这个请求，而希望由另一台服务器https://www.example.org/api来处理这个请求怎么办？ 这时候就要使用代理来解决！ 2. 在vue中如何使用多个代理？ module.exp
vue.config.js配置proxy代理产生404错误的原因
jiaohuizhuang6019的博客
10-16 4457
vue.config.js配置proxy代理产生404错误的原因
Vue代理请求数据出现404
weixin_40380115的博客
12-15 1万+
Vue代理请求数据出现404错误
Vue代理报错404问题（vue配置proxy）
牛先森家的博客
06-04 1万+
Vue代理报错404问题Vue代理报错404问题第一种路径拼接 /api 情况第二种路径不变情况 Vue代理报错404问题 第一种路径拼接 /api 情况 const path = require('path'); function resolve(dir) { return path.resolve(__dirname, dir) } module.exports = { publicPath: process.env.NODE_ENV === "production" ? "./" :
vue中404解决方法
每天都想吃好吃的
02-20 2926
在Vue中出现404错误通常是因为找不到所请求的资源。检查是否正确安装依赖：如果使用了第三方库或组件，确保已经正确安装了相应的依赖。检查服务器配置：如果你的Vue项目部署在服务器上，检查服务器的配置文件，例如。配置文件是否正确设置了路由重定向。确保服务器能够正确地处理所请求资源。请根据你的具体情况选择相应的解决方法。
vue-cli 项目打包完成后运行文件路径报错问题
12-10
这个值表示静态资源的公共路径，对于本地开发通常是没问题的，但在服务器环境中，尤其是当应用不在根目录下时，可能导致找不到资源。因此，将 `baseUrl` 修改为 `'./'` 可以确保资源路径相对于当前 HTML 文件，从而...
求助（已解决）：配置脚手架代理，跨域问题proxyTable配置无效，访问后显示404？
m0_73560798的博客
03-27 387
已经在这里卡了一天了。找了很多解决办法，比如重启，修改proxytable等等，但是每次但是404，求助各位大佬，怎么解决？
我使用vue和vite的项目，配置proxy代理时代理不生效，控制台报错404，且显示post请求地址仍未前端地址，但检查代码没有问题，为什么不生效呢？
03-27
用户说配置了proxy代理，但控制台报错404，POST请求地址还是前端地址，代码检查没问题。那我得先理清楚可能的原因，然后一步步排查。 首先，用户可能是在vite.config.js里配置了代理，但配置是否正确呢？常见的错误...
vue2项目从0搭建(二):配置代理,登录功能和菜单权限
m0_54741495的博客
11-16 718
vue2项目token校验和权限校验
vue 项目配置反向代理导致项目白屏
xinqingwuji的博客
12-16 509
添加反向代理代码后，前端运行白屏// 设置baseURL，8888是后端端口号，前端请求默认发送到baseURL的地址// 全局注册，之后可在其他组件中通过 this.$axios 发送数据。
后端提供接口浏览器可以访问，写在vue项目里面报404
weixin_45319893的博客
10-15 558
【代码】后端提供接口浏览器可以访问，写在vue项目里面报404。
vue代理配置问题,刷新页面404情况
m0_64489075的博客
10-17 225
在vue.config.js中添加以下配置。解决开发环境跨域配置问题
vue项目打包部署到服务器上后页面404问题
qq_45963071的博客
11-24 1万+
当我们设置了mode为history时，当前端发送路径给服务端时，服务端根本就不认识省去#的url，所以返回给我们404，因为vue是单一页面所有的页面都在index.html中，vue是用js来切换页面的，具体的解释看vue官网。我使用的是宝塔面板，nginx服务器，在宝塔网站伪静态设置里添加此配置保存即可解决。
vue反向代理本地可以使用在部署到服务器后接口404
weixin_42281142的博客
06-30 4983
vue本地正常打包部署后接口返回404错误
vue --history 模式和 proxy代理下的返回404解决思路
m0_50793477的博客
02-24 574
本地项目开发中实际遇到的问题
vue proxy代理 显示404 原因竟是它？！
王吉吉的博客
07-07 7105
先来一波报错图，404？参数，请求方式，服务器地址都对 百思不得其解 首先，后端说postman测试过了接口没问题，排除后端问题； 所以只能找代理配置问题 看来看去格式也没错，就是这么写的 然后知道我认真的看了项目目录才发现，尼玛这项目vue-cli版本是2！ 所以要把代理写在config文件夹里的index才行，开头的写法适用于vue/cli 3 和4 然后 就ok了，真尼玛尴尬 ...
vue部署到线上为啥会出现404的问题？
最新发布
大樊子的博客
04-13 2219
（History 模式需重定向到。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值