vue proxy代理 显示404 原因竟是它？！

最新推荐文章于 2024-08-21 09:09:03 发布
最新推荐文章于 2024-08-21 09:09:03 发布
阅读量6.8k 收藏 9
点赞数 6
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42512816/article/details/118543676
版权

vue

在这里插入图片描述
先来一波报错图，404？参数，请求方式，服务器地址都对 百思不得其解
首先，后端说postman测试过了接口没问题，排除后端问题；
所以只能找代理配置问题
在这里插入图片描述

看来看去格式也没错，就是这么写的
然后知道我认真的看了项目目录才发现，尼玛这项目vue-cli版本是2！
在这里插入图片描述
所以要把代理写在config文件夹里的index才行，开头的写法适用于vue/cli 3 和4
然后
在这里插入图片描述
就ok了，真尼玛尴尬

Spop吉
关注
专栏目录
使用nodejs中httpProxy代理时候出现404异常的解决方法
12-23
在公司中使用nodejs构建代理服务器实现前后台分离，代码不能拿出来，然后出现httpProxy代理资源的时候老是出现404.明明被代理的接口是存在的。代码大概如下： var http = require('http'), httpProxy = require('http-proxy'); var proxy = httpProxy.createProxyServer({}); var server = http.createServer(function(req, res) { proxy.web(req, res, { target: 'http://www.cnblogs.co
Vue3配置代理后页面500/404
Suciy的博客
05-24 2368
base：base 是 Vite 配置中的一个选项，用于指定项目的基本公共路径。proxy：proxy 是 Vite 配置中的一个选项，用于配置开发服务器的代理转发。可以看见，vite是将base拼接的地址通过fetch加载文件，fetch是一个异步请求，如果此时base与代理地址重名，那么静态资源将会被代理到服务器，所以会出现文件找不到的问题。但是配置完后前端页面一直处于404的状态，网络请求显示500，我以为是路由的问题各种排查，甚至把官网Vue-Router的实例down下来，发现人家都是可以的。
vite配置代理（跨域）问题，配置错误会404
reshuibujeke的博客
02-28 2503
vite配置代理（跨域）
vue vue/cli3 与 vue/cli4 proxy 代理配置报错 ValidationError: webpack Dev Server Invalid Options
最新发布
csdn_aspnet的专栏
08-21 1万+
vue/cli3（本文实际使用的是vue/cli4）代理配置如下：vue/cli4使用vue/cli3的代理配置会出现异常，本文解决办法为解决方法二处理，运行正常。
【JavaScript】关于解决JS 计算精度问题（toFixed, Math.round, 运算表达式）
老司机的后备箱
05-11 1463
前言 最近在做一个ERP的项目，里面涉及到了很多的计算，尤其特别是有很多关于浮点数的计算，然后就碰到了下面的问题。 问题描述 & 解决方案 1.使用toFixed or Math.round进行四舍五入&保留两位小数会有5不进1的情况 举个🌰，我在开发的过程中遇到了321201.595这个数字… 然后我想对他进行四舍五入 & 保留两位小数，一开始不太了解 toFixed有那么多坑，所以直接用的.toFixed(2)，结果如下： const number = 321201.595; c
vue3+vite 配置代理后不生效404
qq_64209130的博客
06-30 9764
在重写路径的时候需要看接口有没有统一的前缀,如果有的话充写路径就需要重写到代理路径(这种情况要注意的一点是代理路径和统一前缀要一样),如果没有统一的前缀,重写路径要指向空(有统一前缀但是代理路径与统一前缀不一样也指向空)在检查服务器地址没有问题,接口地址也没有问题,用postman访问接口也能正常返回的情况下,可以看看vite.config.ts中proxy的rewrite。在开发环境中axios的baseUrl直接设为/api就可以正常访问接口了。proxy是配置代理的,rewrite是用来重写路径的。
vue3+vite+ts配置多个代理并解决报404问题
周家大小姐
02-28 1656
之前配置接口代理总是报404,明明接口地址是对的但还是报是因数写法不对;用了vue2中的写法。其中的settings.ts文件可以不用封装直接写你的env就行;在vite.config.ts中配置poxy代理。.env.development文件内容。根路径下创建env文件根据自己需要名命。创建proxy.ts文件。api.ts接口使用。
vue cli3 配置proxy代理无效的解决
10-16
本文将详细解释如何正确配置Vue CLI 3的`proxy`代理，并解决配置无效的问题。 首先，打开`vue.config.js`文件，这个文件是Vue CLI 3自动生成的配置文件，用于定义项目的特定设置。如果没有这个文件，可以在项目根...
解决VueCil代理本地proxytable无效报错404的问题
01-22
因为项目中遇到了这个bug：Vue cil2中配置代理proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人； 正文 1. 为什么要使用代理？ 代理的作用是：把...
vue proxy代理 + nginx 处理跨域
01-03
// 错误 的代理配置，同样启用proxy代理，并在axios配置文件中根据开发环境配置请求，这样在开发环境中可以正常请求，但是在生产环境中由于直接请求，浏览器会进行预请求OPTIONS http预请求options,这是浏览器对复杂...
Vue使用Proxy代理后仍无法生效的解决
01-21
vue.js 配置了前端代理却未能生效 记录一下最近踩得小坑： 配置完代理后请一定重新执行（重要，非常重要！） npm run dev 若重新执行命令后，代理仍为生效，请按下方步骤进行检查： 检查index.js文件中的代理是否...
vite2.0+vue3.2部署404问题
qq_38712009的博客
03-23 5931
项目打包后放在nginx上刷新页面404问题 vite2.0+vue3.2 项目 在本地运行没问题，扔到服务器上刷新之后页面404 server { listen 80; index index.html; root /xxxx/dist; #vue-router配置 location / { try_files $uri $uri/ @router; index index.html; }
vue代理配置没问题但是报错404
onecaicai的博客
11-13 691
vue代理没错但是报错404
vue.config.js配置proxy代理产生404错误的原因
jiaohuizhuang6019的博客
10-16 3740
vue.config.js配置proxy代理产生404错误的原因
vue使用proxy代理404
summer鸿的博客
11-07 466
vue解决跨域404
vue3 proxy 跨域代理配置出现404解决方案
精通ctrl+c/v
06-22 7173
在vue.config.js找到了问题所在就是vue.config.js中的target的路径有问题，原本一直写的是localhost，改成本机IP地址即可下面笔记一下配置文件配置devServer,若请求以/api开头那么就走代理，pathRewrite去掉/api发送到服务端 2.axios封装：request.ts baseURL给全局请求加上/api...
vue项目使用proxy代理跨域，服务器部署接口404及history模式刷新404界面问题解决
hgy1329852351的博客
07-30 3794
vue项目使用proxy代理跨域，服务器部署接口404及history模式刷新404界面问题解决
vue-cli4踩坑之 无法使用代理 一直报404错误
weixin_45725033的博客
05-16 3990
今天用vue-cli4 写个项目，用的是mock数据，结果发请求的时候一直报404 错误，搞得我心态崩了，又找不出错误，在网上找了半天都是关于config文件的配置，可我就算配置了还是报错，最后还是大佬告诉我 vue-cli4无法使用代理，要降到3版本，结果我一下子就成功了，而且拿到数据了，发个博客希望大家遇到一样的错误能迅速的找到原因，而不必浪费太多的时间。。。 ...
Vue3使用Proxy替换defineProperty的原因分析
`Proxy`是ES6中引入的一个新特性，它能创建一个代理对象，这个代理对象可以拦截并定制几乎所有的操作，包括访问、赋值、枚举、删除属性、函数调用等。`Proxy`提供了更加全面和灵活的数据观察机制。 在Vue 3中，`...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值