jquery - 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头
问题描述
我的 Visual Studio 两个项目中的一个解决方案 1 是 mvc4 项目,2 是节点 js 项目。我正在尝试获取节点 js 项目中对象的数据,并在我的 mvc 项目的前端页面中获取此函数调用...例如,第一个项目端口是http://localhost:1011 - 这是 mvc 项目 第一个项目端口是http://localhost:3215 - 这是节点 js 项目
在我的单击按钮事件前端中执行 jquery 调用
从源“ http://localhost:1011 ”访问“ http://localhost:3215/?Id=8014 ”处的 XMLHttpRequest已被 CORS 策略阻止:没有“Access-Control-Allow-Origin”标头存在请求的资源。请建议我如何解决此错误.....
jQuery :-
function abctest(Id) {
alert(1);
$.ajax({
type: 'GET',
url: 'http://localhost:3215',
timeout: 3000,
dataType: 'application/json',
data: {Id:Id},
success: function (data) {
//show content
alert('Success!')
},
error: function (Error) {
alert(Error);
}
});
}
server.js:-
var express = require('express');
let $ = jQuery = require('jquery');
var app = express();
var libraryData;
var cust_dynamicdata;
global.abcdObj = { projectDir: __dirname };
var server = app.listen(3215, function () {
console.log('Server is running..');
});
app.get('/', function (req, response) {
libraryData = require(__dirname + '/build/Release/mylib');
cust_dynamicdata= new libraryData.abc(__dirname + "/");
response.send('test');
});
app.use(function (req, res, next) {
// Website you wish to allow to connect
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:1011');
// Request methods you wish to allow
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
// Request headers you wish to allow
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
// Set to true if you need the website to include cookies in the requests sent
// to the API (e.g. in case you use sessions)
res.setHeader('Access-Control-Allow-Credentials', true);
// Pass to next layer of middleware
next();
});
解决方案
推荐阅读
- angular - Angular 在其他组件中获取可观察值
- c# - 计时器事件显示的表单无法正确呈现
- javascript - 然后在构造函数中使用这个集合
- javascript - React 中的 HTML 复选框
- javascript - Chrome 中未获取变量的值
- reactjs - 连接两个看起来相同的枚举的更好方法
- python - “write_timeout”在 pyserial 中的 Serial() 中不起作用
- php - 从数组对象(php)中获取特定数据
- html - 当内容溢出浏览器窗口时,用 div 替换 html 表格布局
- javascript - 将 CSS 类添加到 Vue 禁用的按钮