美文网首页JavaScript 进阶营让前端飞程序员
node开发跨域与接收put请求的办法

node开发跨域与接收put请求的办法

作者: 钱学敏 | 来源:发表于2018-03-20 18:01 被阅读18次

问题:

1、本地localhost跨域连接nodejs服务器时Chrome报错:(项目用的express框架)

跨域报错

2、无法接收put请求的参数

解决办法:

//app.js
app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By", ' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});

或者引入cors

npm install cors
//app.js
var cors = require('cors');
app.use(cors());

知识点

header头三件套

header(‘Access-Control-Allow-Origin :’.$origin); //允许的域名( * 所有域) 
header(‘Access-Control-Allow-Methods : POST’); //允许的方法 
header(‘Access-Control-Allow-Headers : x-requested-with , content-type’); //服务器支持的头信息

~ end

相关文章

  • node开发跨域与接收put请求的办法

    问题: 1、本地localhost跨域连接nodejs服务器时Chrome报错:(项目用的express框架) 2...

  • 前端请求

    node 简单跨域 前端简单请求

  • 对数据进行一些基本操作(四)

    接收post请求(vue+axios)解决跨域问题(三) 效果预览 node路由配置增删改查 Vue代码更新 ht...

  • jsonp

    参考:轻松搞定JSONP跨域请求参考:JavaScript 跨域总结与解决办法要理解跨域,先要了解一下“同源策略”...

  • 跨域请求(CORS)要点

    前端开发的童鞋,应该都有听过跨域请求,但这其中的细节可能还不清楚,比如: 什么是跨域请求? 为什么会存在跨域请求?...

  • 反向代理(Apache设置反向代理解决js跨域问题)

    由于跨域阻止了我们数据请求,所以转变思路,我们不发送跨域请求了,直接请求当前域名中的内容 服务器在接收到数据请求之...

  • Nginx跨域请求设置

    Nginx跨域请求设置 开发环境中,前后端分离开发时,经常会有跨域请求的问题出现,Nginx可以设置如下: 说明:...

  • Nginx反向代理跨域请求处理

    Nginx反向代理跨域请求处理 跨域报错信息 接收请求服务器8082端口 1.后台代码 发送服务器8083端口 2...

  • axios发送俩次请求的原因

    其实跨域分为简单跨域请求和复杂跨域请求 简单跨域请求是不会发送options请求的 复杂跨域请求会发送一个预检请求...

  • 跨域产生的原因及解决办法

    1、跨域产生的原因及解决办法 2、JONP 与 ajax请求的区别 1⃣️请求方式不同: ajax请求Type...

网友评论

    本文标题:node开发跨域与接收put请求的办法

    本文链接:https://www.haomeiwen.com/subject/cyibqftx.html