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

10月前作者：qq_31830547 分类：Toy博客阅读(41) 违法举报

这篇具有很好参考价值的文章主要介绍了关于nest配置跨域app.enableCors()无效的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

说明本地localhost:3000/tags这个api可以访问，那么前端的请求跨域了，配置好node的跨域就可以了；
关于nest配置跨域app.enableCors()无效的问题

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

采用app.enableCors()配置，以为可以解决，没想到问题还是出现文章来源地址https://www.toymoban.com/news/detail-403256.html

到了这里，关于关于nest配置跨域app.enableCors()无效的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

关于vite的跨域问题

vue需要配置自定义代理规则进行跨域访问官方文档：https://cn.vitejs.dev/config/server-options.html#server-proxy 在vite.config.ts修改：发起请求的地方：生产环境配置跨域，还需要编辑nginx的配置文件，在 server 对象中再添加一个 location 对象（别忘了上一个对象末尾的分号 ; ）

2024年02月04日
浏览(42)
【ElasticSearch】关于es跨域的问题

本文目录一、使用es的head插件二、其他说明在使用es的head插件时，默认的9100，需要访问es的默认端口9200时，会出现跨域问题，此时只需要修改一下es的配置文件即可。在 elasticsearch.yml 中添加开启跨域的配置：说明： http.cors.enabled 是否开启跨域 http.cors.allow-origin 允许谁访问

2024年02月11日
浏览(42)
uni-app的H5版本下载跨域问题

前端能正常访问图片，但无法下载因为路径不经过业务代码，所以需要在nginx配置跨域代码：

2024年02月17日
浏览(46)
关于MyBatisPlus框架下出现xml里面定义的方法无法被正确识别以及提示调用mysql存储过程时参数无效的问题

网上很多解决方法都是查看函数名是否一致、命名空间等，但还有一种可能是你调用接口的模块本身的resource文件夹下就有一个含有xml的mapper文件夹，而这个文件夹里面不含有方法A的sql实现，如下图：导致程序只在这个mapper里面找A的sql实现，那肯定会提示没有找到。除了检

2024年02月09日
浏览(50)
微信小程序：uni-app列表数据渲染子组件修改数据sync/v-model无效的问题

有如下一个列表，将数据循环传递给子组件，实现业务解耦，组件拆分 Vue的正常逻辑是，父组件和子组件的数据传递的是一个对象，属于引用传递，可以直接在子组件中修改数据，父组件中也会变化，它们操作的是同一个数据。 uni-app子组件中修改 H5正常，转为微信小程序后

2024年02月10日
浏览(61)
配置代理——解决跨域问题（详解）

之前写项目的时候总会遇到配置代理的问题，可是配置了之后有时有用，有时就没有用，自己之前学的也是懵懵懂懂，于是专门花了一个小时去了解了如何配置代理跨域，然后在此记录一下，方便自己以后查阅。 1、通过原生的 xhr(XMLHttpRequest) 发起 ajax 请求 ——比较麻烦，

2024年02月15日
浏览(40)
Aidex 移动端快速开发框架# RuoYi-Uniapp项目，uniapp vue app项目跨域问题

参考地址： manifest.json官方配置文档：manifest.json 应用配置 | uni-app官网 Chrome 调试跨域问题解决方案之插件篇： uni-app H5跨域问题解决方案（CORS、Cross-Origin） - DCloud问答其实uni-app官方有解决跨域的办法，官方推荐使用HBuilderX中内置的浏览器去预览，在内置的浏览器中不会存

2024年02月11日
浏览(34)
Vue-配置代理（解决跨域问题）

现在解决跨域主要有两种方式是CORS和Jsonp，但是在开发中用的比较多的是配置一个代理服务器。上面那个图，左边是客户端所处位置，中间是代理服务器，要注意，红色框是客户所处位置，右边蓝色框是5000服务器，中间的粉色框因为是服务器和蓝色框服务器之间进行数据

2024年02月05日
浏览(48)
巧用Nginx配置解决跨域问题

1，前端页面放在域名根目录，比如，http://www.xuecheng.com/ ，对应的nginx配置：页面目录： 2，前端请求接口路径，在域名后面加一个目录 nginx 对api接口配置其中的 $http_origin并不是nginx的内置参数，nginx支持取自定义的参数值，$http_XXX这个格式是nginx取请求中header的XXX的值的。这

2023年04月11日
浏览(41)
nginx 配置解决前端跨域问题

一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略

2023年04月22日
浏览(50)