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

最新推荐文章于 2023-11-13 09:53:26 发布
最新推荐文章于 2023-11-13 09:53:26 发布
阅读量6.7k 收藏 9
点赞数 6
分类专栏： vue 文章标签： Vue CLI2 代理配置 404错误 后端接口 配置修正
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42512816/article/details/118543676
版权

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

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

Spop吉
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue3 - 如何取出 proxy 对象的真实数据，数据被 proxy 对象代理 “包裹“ 着拿不出来原始数据（超级详细的完美解决方案）正常接口返回的数据也是显示 proxy 无法拿出来！
高级前端工程师
03-01 1万+
vue3中的对象时为proxy对象,如何获取值，vue3中获取proxy原始对象的问题，vue3获取proxy代理对象数据，vue3获取vuex中的对象时为proxy对象,如何获取值，VUE3获取被Proxy拦截的原数据，vue3网络请求到的数据为proxy对象时,如何获取值，vue3响应对象,Proxy对象怎么取值，vue如何获取proxy对象里的属性值，Vue3 getters打印结果是Proxy对象,怎么获取其中的值，vuex直接获取store中的值打印出来是Proxy怎么拿值，如何获取vue3中pr
vue：详解vue中的代理proxy
jh_jing的博客
08-25 3234
问题 我们本地调试一般都是 npm run serve，然后打开 本机ip:8080（localhost:8080）对吧，这时候我们要调接口调试，后端的接口的地址可能在测试环境，也可能是自己电脑的 ip，总之不是你的 lcoalhost:8080，那么你调接口就会产生跨域，那么怎么办呢？就需要proxy出场了 复习一下跨域的解决方案 jsonp cors Node中间件代理(两次跨域) nginx反向代理 CORS支持所有类型的HTTP请求，是跨域HTTP请求的根本解决方案 JSONP只支持GET请求..
Vue3配置代理后页面500/404
Suciy的博客
05-24 2319
base：base 是 Vite 配置中的一个选项，用于指定项目的基本公共路径。proxy：proxy 是 Vite 配置中的一个选项，用于配置开发服务器的代理转发。可以看见，vite是将base拼接的地址通过fetch加载文件，fetch是一个异步请求，如果此时base与代理地址重名，那么静态资源将会被代理到服务器，所以会出现文件找不到的问题。但是配置完后前端页面一直处于404的状态，网络请求显示500，我以为是路由的问题各种排查，甚至把官网Vue-Router的实例down下来，发现人家都是可以的。
vite配置代理（跨域）问题，配置错误会404
reshuibujeke的博客
02-28 2470
vite配置代理（跨域）
解决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使用proxy代理404
summer鸿的博客
11-07 459
vue解决跨域404
vue.config.js配置proxy代理产生404错误的原因
jiaohuizhuang6019的博客
10-16 3653
vue.config.js配置proxy代理产生404错误的原因
vue.config.js配置proxy代理解决跨越；proxy代理报404；
热门推荐
i_am_a_div的博客
10-25 2万+
vue.config.js配置proxy代理解决跨越；proxy代理报404；
vue3 proxy 跨域代理配置出现404解决方案
精通ctrl+c/v
06-22 6840
在vue.config.js找到了问题所在就是vue.config.js中的target的路径有问题，原本一直写的是localhost，改成本机IP地址即可下面笔记一下配置文件配置devServer,若请求以/api开头那么就走代理，pathRewrite去掉/api发送到服务端 2.axios封装：request.ts baseURL给全局请求加上/api...
vue加跨域代理静态文件404_解决VueCil代理本地proxytable无效报错404的问题
weixin_39691748的博客
12-19 1076
前言因为项目中遇到了这个bug：Vue cil2中配置代理proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人；正文1. 为什么要使用代理？代理的作用是：把请求代理转发到其他服务器的中间件；例如：我们当前主机为http://localhost:8080/，现在我们有一个需求，如果我们请求/api，我们不希望由3000来处理这个...
Vue使用Proxy代理后仍无法生效的解决
01-21
vue.js 配置了前端代理却未能生效 记录一下最近踩得小坑： 配置完代理后请一定重新执行（重要，非常重要！） npm run dev 若重新执行命令后，代理仍为生效，请按下方步骤进行检查： 检查index.js文件中的代理是否...
记录Vue proxy代理配置
lin13958756858的博客
12-24 1689
vue.config.js配置 module.exports = { devServer: { // proxy: 'http://192.168.1.117:8085' proxy: { '/lsh': { // 1.lsh这个值 的意义在于，声明axios中url已/lsh开头的请求都适用于该规则，最后的请求地址为http://192.168.1.117:8085/lsh/xxx/xxx
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" ? "./" :
VueCil代理本地proxytable无效报错404的解决方案
JCat的博客
04-29 9859
前言 因为项目中遇到了这个bug：Vue代理本地proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人； 正文 1. 为什么要使用代理？ 代理的作用是：把请求代理转发到其他服务器的中间件； 例如：我们当前主机为http://localhost:8080/，现在我们有一个需求，如果我们请求/api，我们不希望由3000来处理这个请...
vue-cli4踩坑之 无法使用代理 一直报404错误
weixin_45725033的博客
05-16 3981
今天用vue-cli4 写个项目，用的是mock数据，结果发请求的时候一直报404 错误，搞得我心态崩了，又找不出错误，在网上找了半天都是关于config文件的配置，可我就算配置了还是报错，最后还是大佬告诉我 vue-cli4无法使用代理，要降到3版本，结果我一下子就成功了，而且拿到数据了，发个博客希望大家遇到一样的错误能迅速的找到原因，而不必浪费太多的时间。。。 ...
proxy vue 第二个配置404_解决vuejs应用在nginx非根目录下部署时访问404的问题
weixin_39940688的博客
12-22 321
以往部署vuejs应用都是直接在nginx的location为/下直接部署，这次遇到要将vue应用部署在/vuejs-admin的非根下，使用以往部署方案直接访问就会404，这时修改步骤如下：1、修改项目router配置，如下：这里一是要修改router模式为history，另一个就是修改base地址为要访问的/vuejs-admin的地址，注意前后都有斜线2、修改build下静态资源路径前缀同上...
vue --history 模式和 proxy代理下的返回404解决思路
m0_50793477的博客
02-24 462
本地项目开发中实际遇到的问题
proxy代理 显示404 但请求方式、服务器地址都对
weixin_50946965的博客
04-20 2040
后端使用postman测试过，接口没有问题。 反复检查后，确定是代理配置的问题 但配置格式也没错，由报错看，就是代理配置没起作用。 解决方法： 项目是vue-cli2 创建的 ，所以要在config文件夹里面的index.js配置才能生效 vue3项目里面才使用vue.config.js ...
vue代理配置没问题但是报错404
最新发布
onecaicai的博客
11-13 520
vue代理没错但是报错404
vue proxy代理
09-21
在Vue中，可以使用代理（proxy）配置来实现服务器代理。代理配置可以在项目的vue.config.js文件中进行设置。通过使用代理，可以将前端请求发送到指定的后端接口地址。代理配置可以根据请求路径的不同进行匹配，并将...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值