关于nest配置跨域app.enableCors()无效的问题

最新推荐文章于 2024-06-17 23:49:16 发布
最新推荐文章于 2024-06-17 23:49:16 发布
阅读量3.4k 收藏 3
点赞数
文章标签： 前端 postman javascript nestjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31830547/article/details/123119206
版权

nestjs设置跨域app.enableCors()无效的问题

在学习构建全栈项目过程中，配置好后台接口localhost:3000以及相应的localhost:3000/tags访问标签页接口成功之后，前端项目运行在localhost:8080下访问这个api遇到跨域问题；

首先是postman访问这个api的有效截图;

postman访问成功截图

说明本地localhost:3000/tags这个api可以访问，那么前端的请求跨域了，配置好node的跨域就可以了；
在这里插入图片描述

跨域这个问题有很多种解决方案，前端解决也可以后端解决也可以，这里采用nest的app后端解决跨域的问题，没想到遇到了一个坑;

采用app.enableCors()配置，以为可以解决，没想到问题还是出现

最低0.47元/天 解锁文章
qq_31830547
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cors 跨域问题 git pages 前后端分离 vue nest 问题 解决+总结
夏午Sharve的博客？
08-15 837
cors 跨域问题 git pages 前后端分离 vue nest 问题 解决+总结 前端devServer配置 更改axios的baseURL 后端开启cors withCredentials: false 记一次配置github个人网站时的跨域问题总结git pages 截支持跨域访问（听说gitee不支持，所以无法实现前后端分离）：按照报错/问题寻找对应标题，进入链接学习相关概念/操作（）...
swagger：用于Nest框架（node.js）的OpenAPI（Swagger）模块
02-04
如果您当前正在使用@nestjs/swagger@3.* ，请注意4.0版中的以下@nestjs/swagger@3.* / API更改。 以下装饰器已更改/重命名： @ApiModelProperty现在是@ApiProperty @ApiModelPropertyOptional现在为@...
【nest.js】怎样开启跨域访问 CORS?
纠缠AI的亮子
05-06 3910
在Express中，使用cors模块来实现跨域访问： var express = require('express') var cors = require('cors') var app = express() app.use(cors()) 在 Nest.js 中，可以使用 app.enableCors() 来启用cors： const app = await NestFactory.create(AppModule); app.enableCors(); await app.listen(3000
一看就会的nestjs解决跨域
qq_63204040的博客
06-24 3353
nestjs解决跨域
NestJs CROS 跨域设置
全栈小菜鸟
11-29 1287
【代码】NestJs CROS 跨域设置。
解决 NestJS 项目中接口跨域问题的三种方案
乐闻世界
01-08 1897
当我们的NestJs后端服务需要被不同源的前端项目访问时，就可能遇到“跨域问题”。跨域问题（CORS，Cross-Origin Resource Sharing）本质上是浏览器的一种安全机制，用于限制一个源（origin）中的web应用如何与另一个源的资源进行交互。幸运的是，NestJs提供了一些简单的方法来解决这一问题。CORS是一种机制，它使用额外的HTTP头来告诉浏览器让运行在一个源（domain）上的Web应用被准许访问来自不同源服务器上的指定资源。
nest.js 使用指南，萌新必看
qq_37560363的博客
12-18 1019
nest.js使用踩坑CORS跨域CORS服务端简单粗暴的设置 使用 看文档去吧，懒得写 踩坑 以下是关于nest.js的各种坑 CORS跨域 开发过程中遇到CORS跨域问题身心疲惫，查看了许多帖子没有一个解决问题的…最后翻来覆去还是默默的去看了CORS的相关文档，果然有时候还是得自己动手丰衣足食啊。 CORS服务端简单粗暴的设置 前端请求 配置 开启withCredentials=true 请求允许携带cookie 封装axios 问百度... withCredentials=true 服务端 配
nginx跨域解决方案
weixin_40760196的博客
10-01 584
web 领域开发中，经常采用前后端分离模式。这种模式下，前端和后端分别是独立的 web 应用程序，例如：后端是 Java 程序，前端是 React 或 Vue 应用。 各自独立的 web app 在互相访问时，势必存在跨域问题。解决跨域问题一般有两种思路： CORS 在后端服务器设置 HTTP 响应头，把你需要运行访问的域名加入加入 Access-Control-Allow-Origin 中。...
Nestjs基础到实战.pdf
08-31
Nestjs基础到实战
使用NestJS开发Node.js应用的方法
10-17
主要介绍了使用NestJS开发Node.js应用的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
nestjs-config：nestjs配置模块
02-15
巢状设定模组 参照官方@ nestjs / config 描述 基于的配置模块。 区别 删除dotenv支持，转向js-yaml支持 ... app.module.ts 1.模块介绍 import { Module } from '@nestjs/common' ; import { ConfigModule
NESTA_ExperimentPackage.zip_fista_nesta
07-14
candes NESTA方法的一个实验包
.NET----WebAPI配置和服务config.EnableCors()
weixin_43803985的博客
12-02 3698
如果.NET服务没有配置跨域请求，则会出现错误，不支持跨域 一、安装Microsoft.Asp.Net.WebApi.Cors包 二、在 WebApiConfig中添加配置文件 // Web API 配置和服务 config.EnableCors(); 三、在控制器中控制跨域请求 using System.Web.Http.Cors; //跨域命名空间 namespace WebA...
跨域问题CROS
Blue_Pepsi_Cola的博客
08-22 221
跨域
[Nestjs] 解决跨域问题
wuzhangting的博客
08-24 584
来定义跨域请求的来源、允许的 HTTP 方法和请求头，通过以上步骤，你可以在 NestJS 应用程序中实现解决跨域问题的功能。确保在生产环境中正确配置 CORS，以确保安全性和数据保护。在前后端开发中，经常遇到需要解决跨域问题。接下来简单介绍在Nestjs中解决跨域问题的方法。中间件，并将其应用于所有的路由。你也可以通过指定特定的路由来限制跨域请求。在上述代码中，你可以设置。
Asp.net Core配置CORS 跨域无效（记录一下）
李的博客
07-23 1150
.net 前后端分离 Cors 跨域
webClient + fastJSON2 获取json格式的数据，同时解析至java class 并 下划线转驼峰
最新发布
qq_46662528的博客
06-17 231
决定返回值是什么格式一般情况可以不写，但这里要获取JSON格式的。可以将JSON和java的class属性自动进行匹配。webClient中。fastJSON2中。
nest socket 跨域
09-01
嗨，C知道！关于"nest socket 跨域"的问题，我可以为你提供一些帮助。 在Nest框架中使用Socket.IO时，由于跨域安全策略的限制，可能会遇到跨域问题。为了解决跨域问题，你可以按照以下步骤进行操作： 1. 安装 `@nestjs/platform-socket.io` 和 `socket.io-client` 依赖： ```shell npm install --save @nestjs/platform-socket.io socket.io-client ``` 2. 配置Nest应用程序以支持Socket.IO。在你的应用程序模块中，导入 `IoAdapter` 并使用 `create` 方法创建一个自定义的适配器。 ```typescript import { IoAdapter } from '@nestjs/platform-socket.io'; import { ServerOptions } from 'socket.io'; export class SocketIoAdapter extends IoAdapter { createIOServer(port: number, options?: ServerOptions): any { const server = super.createIOServer(port, options); // 允许跨域请求 server.origins('*:*'); return server; } } ``` 3. 使用自定义适配器替换默认的适配器。在主文件中（例如`main.ts`），将自定义适配器应用到Nest应用程序中。 ```typescript import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; import { SocketIoAdapter } from './socket-io.adapter'; async function bootstrap() { const app = await NestFactory.create(AppModule); app.useWebSocketAdapter(new SocketIoAdapter(app)); await app.listen(3000); } bootstrap(); ``` 通过这些步骤，你应该能够解决Nest框架中使用Socket.IO时的跨域问题。希望这些信息能对你有所帮助！如果你有更多问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值