vue-element-admin发起post请求404

最新推荐文章于 2023-09-11 23:47:52 发布
最新推荐文章于 2023-09-11 23:47:52 发布
阅读量1.4k 收藏 2
点赞数 2
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aitanxiaofeng/article/details/126095048
版权
在使用vue-element-admin时，由于其采用Mockjs模拟数据，可能会遇到POST请求被拦截引发404错误。问题在于vue.config.js中的devServer代理配置。解决方案是注释掉'before:require('./mock/mock-server.js')'，以防止所有请求被拦截，从而避免404错误。
摘要由CSDN通过智能技术生成

由于 vue-element-admin 是一个纯前端个人项目，所有的数据都是用 mockjs 模拟生成。它的原理是: 拦截了所有的请求并代理到本地，然后进行数据模拟，所以你会发现 network 中没有发出任何的请求。

导致问题
某些post请求会被拦截导致莫名的404

解决方法
vue.config.js配置文件中的devServer代理配置注释掉before: require(‘./mock/mock-server.js’),不然所有请求都会被此拦截,可能会导致莫名的请求404

绅士1993
关注
专栏目录
html里post请求404,请求登陆页面post请求404错误，OPTIONS请求通过
weixin_35308269的博客
06-19 2095
点击登录的时候option请求是通过的，但post请求失败。服务端代码app.js：`const express = require(‘express’)const bodyParser = require(‘body-parser’)const cors = require(‘cors’)const router = require(’./router/index’)// 创建 express ...
vue-element-admin请求post报错请求超时
weixin_45441173的博客
01-30 701
vue-element-admin请求post报错请求超时
vue-element-admin 发送post请求,后端报[java.io.EOFException: Unexpected EOF read on the socket]异常 以及解决方案
萧仁武~~博客~~
09-14 9174
做一个项目，前后端分离，前端用了vue-element-admin模板，版本4.2.1，后端接口用的springboot开发，数据交互用的json格式。 问题： 通过postman发送的请求，能够看到request请求的请求体；在用vue-element-admin封装的request.js工具类发送post请求时，没有request请求体，返回异常信息java.io.EOFException: Unexpected EOF read on the socket，特此记录...
vue-element-admin发送post请求,后端I/O error while reading input message； 解决
weixin_45947759的博客
12-16 792
这段时间在复习前端知识，正打算做一个前后分离的毕业设计，前端用的 vue-admin-element 模板，后端 springboot。
在vue-element-admin项目中Post 请求带参数 报请求超时
qq_41435894的博客
03-10 588
const chokidar = require('chokidar') const bodyParser = require('body-parser') const chalk = require('chalk') const path = require('path') const Mock = require('mockjs') const mockDir = path.join(process.cwd(), 'mock') function registerRoutes(app) { l.
使用Vue Element Admin模板踩的坑，前端使用axios发送Post请求，后端拿到的数据为null或后端无响应，一段时间后报错
最新发布
qq_57557454的博客
09-11 655
这个问题是因为mock-server中express的中间件body-parser导致的，不带参数时发送请求没有问题，带上参数就出现上面说的那种情况。1. 将 app[mock.type](mock.url, mock.response) 修改成如下代码。解决方法是修改mock文件夹下的mock-server.js文件。2. 将文件中以下代码注释即可。
vue-element-admin 精简版
03-03
"Vue-element-admin 精简版"是一款基于Vue.js的前端框架，专为简化项目构建而设计。这个版本剔除了不必要和冗余的组件，只保留了基础框架结构，包括设置模块和头部导航栏，使得项目更加轻量级，适用于快速开发和小...
vue-element-admin-tinymce本地化文件
06-04
"vue-element-admin-tinymce本地化文件"是一个集成了Vue.js、Element UI和TinyMCE的前端项目，特别强调了本地化配置和不依赖CDN的特性。通过深入理解Vue.js的组件化开发、Element UI的UI设计、TinyMCE的富文本编辑...
vue-element-admin-master.zip
05-13
Vue.js 是一个轻量级但功能强大的前端JavaScript框架，它以组件化开发...通过学习和理解这些知识点，开发者可以更好地理解和维护"vue-element-admin-master"项目，同时也能提升个人在Vue.js和前端开发领域的专业技能。
vue-element-nocode-admin:element-ui 的代码可视化编辑
05-06
element-ui 的代码可视化编辑器，自动生成表单代码，列表代码。不是一个可视化解决方案，更像是生成模板的工具 :house: 网页版本，在preview分支 Install npm install -g ele-cli How to Use 服务端占用 3000 端口 ...
新手入门vue-element-admin框架（二）：安装并运行vue-element-admin框架
StellaXiao98的博客
05-14 2090
前言：环境配置： 第二部分 初步接触vue-element-admin框架 这一部分介绍了笔者安装并运行vue-element-admin框架的过程。
vue-element-admin 使用axios 发送post请求时的问题
STR少寒的博客
12-19 1737
vue-element-admin 使用axios 发送post请求时的问题 axios({ method: 'post', url: '/text/GetFileName', //设置header *****必要***** // headers: {'content-type': 'application/x-www-form-urlencoded','charset':'UTF-8'}, data: {
vue开发：axios的post请求接口出现404，但是get则成功
Generon的博客
10-20 1万+
methods:{ myclick(){ this.$http({ methods:"post", url:"../../../static/my.json", headers:{"Content-Type":'application/x-www-form-urlencoded; charset=UTF-8'} }).then((res)=>{ console.log(JSON.st
vue axios post 404 问题解决方法
热门推荐
Luckyzhoufangbing的博客
04-11 2万+
1. 在main.js 入口文件配置172.20.10.7是我要掉的接口电脑的ip地址 import axios from 'axios' axios.defaults.baseURL='http://172.20.10.7:8080'; //设置一个类似base_url的请求路径 global.axios=axios; //设置一个全局axios便于调用 2. 然后axios请求 ...
解决 Vue+SpringBoot中axios发送post请求 控制台报错 404，后端能接收到数据（@Controller和@RestController的区别）
weixin_42261198的博客
09-02 901
解决 Vue+SpringBoot中axios发送post请求 控制台报错 404，后端能接收到数据！ Controller使用：@RestController，就可以解决 新建的Controller用的注解是：@Controller 关于这俩具体的区别我自己的理解就是： @Controller只是标注当前类为控制器类，可以接收请求，但是对应的方法上需要标注@ResponseBody，这样才会返回json数据给前端。 @RestController注解：就省去了每个类上都标注@ResponseBody这一
在用vue-element-admin封装的request.js工具类发送post请求时，后端服务接口获取不到request请求体
weixin_50885665的博客
05-08 1811
最终，问题是出在 vue-element-admin 模板中自带mock模块上。 request请求体是流式数据，如果在其他地方消费过，不做特殊处理的话，后面的应用就消费不到了。 前端通过node转发到后端应用，思考了半天，觉得只有mock才会影响到request请求体，所以去mock-server.js中去查看。 果然，在mock中有对于request请求体的处理逻辑，此处消费了requestBody，导致在node转发时，request请求体丢失。从而导致传到后端没有请求体，但是后端在解析的时候发
Vue 使用 axios post请求后台数据时 404
weixin_34179968的博客
04-26 1万+
今天遇到Vue 使用 axios post请求后台数据时 404 使用postman 就能获取到 网上找了大半天 终于找到了解决方法，传送门：https://www.jianshu.com/p/b10454ed38ba 转载于:https://www.cnblogs.com/badake/p/10777113.html...
vue-element-admin的接口请求
FIRE
07-25 811
{this。
vue-elment-admin 发请求，后端接收不到json问题解决
c1719561053的博客
07-27 424
最后，由大佬指定，发现是前端框架，接入代理，使用的mock的数据，重写了XMLHttpRequest，罪魁祸首找到了，就是这个代理。前端post请求携带了数据在data中，flask怎么都接收不到，也不是没请求到，就是像卡住了一样。上面的全部试过，都是会卡住，就很奇怪，像是在等待接收前端传递过来的数据一样，可是又等不到。找啊找，试了各种办法，发现把参数用params的方式，后端可以拿到，就是data不行。有百度到说，flask只能接收json格式的，又把前端改造了下，加上了请求类型。flask是这样写的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值