记一个前端请求 egg.js 接口 404 的问题

最新推荐文章于 2022-08-31 23:17:40 发布
最新推荐文章于 2022-08-31 23:17:40 发布
阅读量2.5k 收藏
点赞数
分类专栏： 问题记录 文章标签： vue egg.js egg.js 404
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sansan_7957/article/details/108261171
版权

背景

学习用 egg.js 写接口，前端项目请求该接口。

  1. Postman 测试接口是通的
  2. 前端跨域问题，可以通过配置代理解决
    devServer: {
     
   proxy: {
     
     '/api': {
     
       target: 'http://127.0.0.1:7001',
       pathRewrite: {
      '^/api': '' },
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+axios+eggjs前后端分离打包部署之后访问接口404
li1375603382的博客
12-27 1878
vue打包之后部署服务器访问服务器端接口404 1.vue+axios本地开发环境请求线上服务器接口跨域没有问题 开发环境跨域配置 // vue.config.js devServer: { proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http:xx.xx.xx', //对应跨域的接口 ...
egg设置中间件后返回404，报cors跨域错误
你可知外面的世界多大
04-29 1928
现象： 本地调试（同源请求）发现，接口返回404 测试环境 (跨域请求) 发现报cors跨域错误 部分接口能请求成功，部分接口请求失败(404或跨域报错) 原因 为什么返回404       中间件参数中有个next函数，需要使用await调用，若省略await，且接口函数是异步的，会直接返回，而没有真正执行到接口函数，ctx的response默认内容就是404，所以同源请求会返回404 为什么配置了跨域还会跨域报错呢？      这是因为，
egg后台接口正常执行，前台报404
滑稽型自走雷的博客
05-19 1943
困扰好久的问题，前台调用接口一直报404，但是功能能实现，数据库也能实现操作，一直以为是前端的问题，找了好久终于发现是我自己的数据返回格式有问题 就是这块的数据返回改为这样即可，必须是ctx.body={} ...
egg踩的第一个坑，get可以请求到输入，post报404
lizheng8715的博客
05-26 3891
刚刚入坑egg.js，小白表示只看了node.js的入门文档，跳过了koa，直接入坑egg.js。自己悟真的是太难了。 问题描述： get请求直接就成功了 post一直失败，还查不到原因。 网络上也没有太多值得借鉴的，可能原因太简单了，没人提这种小白问题吧。 刚看到路由，灵机一动，将router.get换成router.post，结果就可以post，不能get了。 module.exports = app => { const { router, controller } =
【日常犯错】用postman测后台接口出现404错误
热门推荐
wkd_ywf的博客
07-31 7万+
postman显示404错误，极大可能是postman里面输入的参数与接口的要求参数不一致 ①核对参数类型，参数名称，接口地址什么的。 ②参数个数也要对上，可以少，但是不可以多，一般不会出现这种情况 ③如果核对这些都没有问题。那就是我今天遇到的一个很奇怪的错误了。 request类里面给出的参数是  ID postman里面输入的参数也是 "ID" 但是就是出错，如果把这个参数换个其他
毕业设计：基于Vue.js和Egg.js的人才招聘网源码.zip
05-28
Vue.js是目前非常流行的前端JavaScript框架，而Egg.js则是一个强大的Node.js企业级框架，用于后端开发。这个项目结合了这两者，构建了一个完整的前后端分离的Web应用。 Vue.js知识点： 1. **组件化**：Vue.js的核心...
Node.js-W-Blog是一个基于vue和node的小小小博客前端用vue后端用egg.js
08-10
Node.js-W-Blog是一个结合了Vue.js和Egg.js技术栈的小型博客系统，旨在提供一个轻量级、易维护的个人或小型团队内容管理平台。该项目采用前后端分离的开发模式，前端利用Vue.js进行用户界面的构建，后端则使用Egg.js...
Egg.js 中 AJax 上传文件获取参数的方法
12-11
这个方法会创建一个`IncomingForm`实例并返回一个Promise，解析请求中的字段和文件。 ```javascript class FileController extends Controller { async parse(req) { const form = new formidable.IncomingForm()...
基于Vue和Egg前端分离的简易网上订餐系统源码.zip
06-15
这是一个基于Vue.js和Egg.js框架开发的前端与后端分离的简易网上订餐系统源码。Vue.js是目前非常流行的前端JavaScript框架，它以轻量级、高性能和易用性著称，常用于构建用户界面。而Egg.js则是阿里云推出的企业级...
React + Egg.js 小米有品商城项目、小米商城.zip
最新发布
11-01
总结，"React + Egg.js 小米有品商城项目"是一个典型的前后端分离项目，利用React的组件化和Egg.js的企业级特性，实现了高性能、易维护的电商平台。秒杀功能的实现则需要综合运用并发控制、数据库优化等技术，确保...
Eggjs入门系列-基础全面讲解（完结）
止水聊技术
07-28 1万+
对上篇文章回顾下，上篇讲到了 服务（Service） 插件 定时任务 框架扩展 启动自定义 应用部署 日志 HttpClient Cookie 与 Session Cookie 通过 ctx.cookies，我们可以在 controller 中便捷、安全的设置和读取 Cookie。 class HomeC...
egg项目搭建+AJAX请求+常见问题解决
weixin_47075145的博客
08-31 915
客户端(前端 页面): html+css+js服务器：后端服务器，后端的代码就是放在后端服务器egg里面的前端服务器：前端代码放在前端服务器里面的客户端可以请求服务器egg创建的项目：既是后端服务器，也是前端服务器，后端代码放在这个服务器里面的，前端代码也放在这个服务器里面的。ajax代码是写在html文件中的script标签中。01.ajax:Async JavaScript And Xml,也就是异步Javascript和Xml02.ajax的核心。..................
Egg.js 异常处理、中间件、jwt，实现接口权限控制
yyyy11119的博客
01-12 847
一、自定义异常、异常处理中间件在程序执行时会有各种各样的异常情况，当异常出现我们能从控制台看出异常的原因，但是对前端来说不够人性化，不能够清晰，有些情况要给调用端返回友好的消息提示，利用自定义异常和全局异常处理就能很简单的解决。Egg 的 中间件 形式是基于洋葱圈模型。每次我们编写一个中间件，就相当于在洋葱外面包了一层。全局异常处理就是在洋葱模型中捕获到异常并处理，响应自定义异常信息。例如查询一条...
nodejs egg框架 基础控制类 自定义返回信息
我就是一个编程菜狗的博客
02-11 685
//设置公共基类 //controller/base.js const { Controller } = require('egg'); class BaseController extends Controller { success(data) { //成功返回 this.ctx.body = { code: 200, data, msg:"成功" }; } notFound(code,msg) { //失败返回 msg =.
【BUG集锦】前端调后台404报错
weixin_43335251的博客
08-02 2605
1.url不正确，路径不匹配 2.参数不匹配 3.后台返回值有问题，抛异常了 4.如果是post请求，确认后端接收参数有set方法，有无参构造函数 5.确认是否用了拦截器转发url，添加了前缀后缀 6.后台服务是否正常启动了 7.用到了json转字符串的情况下，确认前端json和后端json工具是否一致，如alibaba和net.sf的情况。 ...
学习egg.js，看这一篇就够了！
keliq的博客
08-11 1万+
egg 介绍 egg 是什么？ egg 是阿里出品的一款 node.js 后端 web 框架，基于 koa 封装，并做了一些约定。 为什么叫 egg ？ egg 有孕育的含义，因为 egg 的定位是企业级 web 基础框架，旨在帮助开发者孕育适合自己团队的框架。 哪些产品是用 egg 开发的？ 语雀 就是用 egg 开发的，架构图如下： 哪些公司在用 egg？ 盒马，转转二手车、PingWest、小米、58同城等（技术栈选型参考链接） egg 支持 Typescript 吗？ 虽然 egg 本身是用 Ja
egg：封装自定义controller统一处理返回结果
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
05-14 5007
需求 比如我们要统一处理返回结果。 代码 // app/core/base_controller.js const { Controller } = require('egg'); class BaseController extends Controller { get user() { return this.ctx.session.user; } success(data) { this.ctx.body = { success: true, da
nodejs异常处理过程/获取nodejs异常类型/写一个eggjs异常处理中间件
衡与墨的博客
07-04 2439
前言 今天想写一下eggjs的自定义异常处理中间件，在写的时候遇到了问题，这个错误我捕获不到类型？？ 处理过程，不喜欢看过程的朋友请直接看解决方法和总结 看一下是什么： 抛出的异常是检验失败异常Validation Failed (code: invalid_param) 我写了个异常处理中间件，用来处理业务中的异常 module.exports = (options, app) => {...
egg学习笔记
zhaoguanchenga的博客
08-03 957
安装egg 我们推荐直接使用脚手架，只需几条简单指令，即可快速生成项目（npm >=6.1.0）: mkdir egg-example && cd egg-example npm init egg --type=simple npm i 启动项目: npm run dev open http://localhost:7001 目录结构 egg-project ├── package.json ├── app.js (可选) ├── agent.js (可选) ├── app（---
egg.js中前端访问后端的ip要如何获取
05-25
在 egg.js 中，获取前端访问后端的 IP 可以通过 ctx.request.ip 来实现。ctx.request.ip 返回的是客户端发起请求的 IP 地址，如果请求经过了多层代理，那么它返回的可能是最后一个代理的 IP 地址。如果要获取最终的客户端 IP 地址，可以使用一些第三方模块，例如 egg-ip。使用方法如下： 1. 安装 egg-ip 模块： ```bash $ npm install egg-ip --save ``` 2. 在 config/plugin.js 中启用 egg-ip 插件： ```javascript exports.ip = { enable: true, package: 'egg-ip', }; ``` 3. 在 Controller 中使用： ```javascript class HomeController extends Controller { async index() { const clientIP = this.ctx.ip; this.ctx.body = `Hello, your IP is ${clientIP}`; } } ``` 这样就可以获取到客户端的 IP 地址了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值