ajax请求node.js接口时出现跨域问题Access-Control-Allow-Origin

最新推荐文章于 2024-04-10 11:35:09 发布
最新推荐文章于 2024-04-10 11:35:09 发布
阅读量1.7k 收藏
点赞数
分类专栏： NodeJs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zh13544539220/article/details/46238947
版权
ajax请求node.js接口出现了如下的错误：


XMLHttpRequest cannot load http://xxx.xxx.xx.xx:8888/getTem?cityId=110105&date=2015-03-04. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘null‘ is therefore not allowed access.
百度了一下，原来是缺少Access-Control-Allow-Origin属性，那么在node.js输出时把Access-Control-Allow-Origin属性加上就好了，如下


response.writeHead(200, {‘Content-Type‘: ‘text/json;charset=utf-8‘,‘Access-Control-Allow-Origin‘:‘*‘}); 
谷歌查了一下，原来Access-Control-Allow-Origin来限制请求域名的。 点我查看该属性的解释
大宅小涛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
零基础解决node.js+express服务跨域问题，No ‘Access-Control-Allow-Origin‘ header is present on the requested resou
jinzai9976的博客
04-19 1230
零基础解决node.js+express服务跨域问题，No ‘Access-Control-Allow-Origin’ header is present on the requested resou 前端-vue跨域 这里说明一下，网上很多都是潦草的说什么方法，具体根本自己就不会解决， 写那么多博客一模一样有什么意思，又不能解决问题，看到我就想小嘴抹蜜。 出现的问题： Access to XMLHttpRequest at 'http://localhost:3000/user/login' fro
nodejs express 允许跨域访问(Access-Control-Allow-Origin)
dreamer2020的专栏
06-09 4万+
前世今生 在WEB应用普及的今天，个人信息（账号、COOKIE等）广泛应用于网页。浏览器同源策略保证了WEB环境的安全性。同源策略是说，在a.com域名下通过ajax或者XmlHttpRequest等方式访问b.com的资源时，是不被允许的。 然而在很多时候，出于业务的的需要，我们经常有类似的跨域访问 的需求。浏览器有一些支持跨域访问的标签，例如script,img等。 有这样的需求，自然就
cocos Creator：解决浏览器调试跨域问题 Access-Control-Allow-Origin 【运行在其它浏览器也会出现跨域，只是知识付费~有解决方案 】
最新发布
weixin_39114763的博客
04-10 596
最近在浏览器调试时遇到跨域问题寻找出来的解决方案是通过关闭Chrome浏览器的安全策略办法很简单首先需要把Chrome浏览器全部关掉！！！新建一个Chrome的快捷方式，在目标行后加入“ --args --disable-web-security --user-data-dir”请把双引号内的内容完全复制，包括空格，每个“ --”符号的前面必须留一个空格。
Node+Express的跨域访问控制问题：Access-Control-Allow-Origin
Jancy的博客
02-12 1万+
项目A通过Ajax访问项目B的接口，获取json数据，项目B采用Node+Express技术栈。项目A可能遇到跨域访问控制问题。报错如下： XMLHttpRequest cannot load http://127.0.0.1:3000/news/latest. No ‘Access-Control-Allow-Origin’ header is present on the requested
js， ajax或者vue，axios跨域被阻止 CORS 头缺少 'Access-Control-Allow-Origin'
雷绍发
05-19 11万+
今天ajax请求域名的时候出现 已阻止跨源请求：同源策略禁止读取位于 http://www.zuimeimami.com*****的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。 解决办法1： var url='http://localhost:8080/WorkGroupManagment/open/getGroupById"
response设置响应头，解决跨域请求问题，No 'Access-Control-Allow-Origin' header is present on the requested resource
益添的博客
05-15 25万+
今天被跨域请求的问题困扰了很久，跨域一句话的理解就是：服务端和请求端的地址不一样。跨域的详细介绍可以参考：浏览器和服务器实现跨域(CORS)判定的原理，这里不多赘述。我出现的问题，主要就是客户端向发送了服务端请求，服务器已经能返回数据，但是浏览器不接收。Failed to load http://localhost:8080/XXXX: No 'Access-Control-Allow-Origi...
Node.js配合node-http-proxy解决本地开发ajax跨域问题
12-23
2. CORS跨域：后端接口在返回的时候，在header中加入’Access-Control-Allow-origin’:* 之类的（有的时候后端不方便这样处理，前端就蛋疼了） 3. 用nodejs搭建本地http服务器，并且判断访问接口URL时进行转发，...
node中间件-代理接口-解决跨域问题
10-18
本文将深入探讨如何使用Node.js中间件来创建一个代理接口，以解决跨域问题。我们将重点关注以下几个核心知识点： 1. **什么是跨域（CORS）**：跨域是指浏览器限制了一个页面发起的AJAX请求只能发送到同源（协议+...
Allow-Control-Allow-Origin
11-20
跨域插件通常会修改或添加"Allow-Control-Allow-Origin"响应头，使得原本不允许的源能够获取数据。 不过，需要注意的是，这样的插件仅适用于开发环境，不适合生产环境。在生产环境中，应通过服务器端配置来实现CORS...
详解ajax跨域问题解决方案
10-19
当尝试通过Ajax请求访问不同源的数据时，浏览器会阻止这一行为，导致跨域问题。 ### 解决跨域问题的常用方法： #### 1. 服务器设置响应头 通过在服务器端设置响应头`Access-Control-Allow-Origin`，允许特定或...
js ajax跨域被阻止 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_42441435的博客
08-07 7053
本人近期遇到个问题，需要用谷歌浏览器跨域访问，页面debug报错js ajax跨域被阻止 CORS 头缺少 ‘Access-Control-Allow-Origin’。 经过查看资料分享一下我的处理方法。 首先需要设置浏览器 原文：http://www.cnblogs.com/kugeliu/p/6566462.html 后端跨域权限无法打开，于是去网上找了下我这边能不能解决 现在的...
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
11-13 32万+
当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误： “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”，翻译下，因为被请求的资源没有设置 ‘A...
Access control allow origin 简单请求和复杂请求
wangjun5159的专栏
10-13 9万+
错误信息： XMLHttpRequest cannot load http://web.image.myqcloud.com/photos/v2/10008653/bhpocket/0/?sign=4FcLKd5B8…p4SkFVUEJtZ1omZT0xNDQ0NzExMDE5JnQ9MTQ0NDcwNzQxOSZyPTEzMDMyMDgzOTAmdT0wJmY9. No 'Access-Co
使用node.js请求接口及get请求跨域问题
weixin_33912453的博客
10-03 730
在自己的服务器上传了一个json文件：http://47.75.195.199/NodeApi/...项目地址https://github.com/chunsenye/... test.json { "a": "hello!", "b": "this", "c": "is", "d": "my", ...
[译] superagent中文使用文档
weixin_34111819的博客
05-27 388
题外话 superagent是nodejs里一个非常方便的客户端请求代理模块，当你想处理get,post,put,delete,head请求时,你就应该想起该用它了:) SuperAgent superagent 是一个轻量的,渐进式的ajax api,可读性好,学习曲线低,内部依赖nodejs原生的请求api,适用于nodejs环境下. 一个简单的...
Node.js开发 ---- 设置HTTP响应头解决跨域
uuoodd1999的博客
03-17 2万+
本地localhost跨域连接nodejs服务器数据时Chrome报错： XMLHttpRequest cannot load http://24px.cc/……. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost’ is therefore
CORS 头缺少 'Access-Control-Allow-Origin'(跨域访问不允许)
houchuanhao的专栏
07-21 2万+
用web开发移动应用时遇到了这么个问题，想要在移动端加载服务器上的一个php文件，结果无法加载，浏览器显示 CORS 头缺少 'Access-Control-Allow-Origin'. 原因是这样的，这涉及到了一个跨域访问的问题，比如 你的应用在"www.test1.com"上面，你想从"www.test2.com"上面加载数据，这样是无法加载的。 怎么做呢? 在phph文件头部加上
node+mysql+ajax+javascript搭建一套服务接口，实现前后台数据请求
追梦&天空的博客
08-26 2856
node+mysql+ajax+javascript搭建一套服务接口，实现前后台数据请求 效果图如下所示： 启动服务get请求查询mysql数据库express介绍 Express 基于 Node.js 平台，快速、开放、极简的 web 开发框架。 Web 应用 Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各...
webuploader 跨域问题
程序猿踩坑集锦
04-17 1万+
项目中用到了上传组件 ，经过对比决定使用Webuploader 。详细使用文档请参考官方文档：官方文档。这里只介绍垮与问题。 Webuploader上传，会执行2个请求；一个option请求，一个post（根据你的webuploader的配置method 值决定），需要在option请求中对响应头进行处理，post响应头也进行响应的处理。 第一种：以servlet为例： @WebServle
ajax请求设置Access-Control-Allow-Origin
07-21
在 AJAX 请求中设置 `Access-Control-Allow-Origin` 是无效的，这个标头是服务器端响应的一部分，用于指示浏览器允许来自特定域或所有域的请求访问资源。 要解决跨域请求的问题，你需要在服务器端进行配置。具体的配置方式取决于你使用的服务器端技术。以下是一些常见的服务器端配置示例： 如果你使用 ASP.NET MVC（C#）： ```csharp // 在 Global.asax.cs 文件中的 Application_BeginRequest 方法中添加以下代码 protected void Application_BeginRequest(object sender, EventArgs e) { HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*"); } ``` 如果你使用 Node.js（Express）： ```javascript // 在你的服务器配置文件中添加以下代码 app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); next(); }); ``` 这些示例中的配置将 `Access-Control-Allow-Origin` 设置为允许所有域的请求。在生产环境中，你可能需要根据实际需求限制允许访问的域名，而不是使用通配符 `*`。 请注意，在某些情况下，服务器可能还需要设置其他与跨域请求相关的标头，例如 `Access-Control-Allow-Methods` 和 `Access-Control-Allow-Headers`，以允许特定的 HTTP 方法和请求标头。 记住，跨域请求涉及到浏览器的同源策略，并且需要在服务器端进行配置。客户端的 AJAX 请求本身无法修改跨域请求的限制。 如果你无法控制服务器端配置，你可以考虑使用代理服务器将请求转发到目标服务器，以绕过浏览器的同源策略限制。 希望这些信息能帮助你解决问题！如果还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值