node搭建本地服务器后端解决跨域问题

Posted sunsie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了node搭建本地服务器后端解决跨域问题相关的知识,希望对你有一定的参考价值。

第一种方法:

// 通过跨域里面的cors跨域
// 跨域中间件
app.use(function (req, res, next) {
// 设置cors跨域
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();
})

(1)Access-Control-Allow-Origin
该字段是必须的。它的值要么是请求时Origin字段的值,要么是一个*,表示接受任意域名的请求。

(2)Access-Control-Request-Method
该字段是必须的,用来列出浏览器的CORS请求会用到哪些HTTP方法。

(3)Access-Control-Expose-Headers
该字段可选。CORS请求时,XMLHttpRequest对象的getResponseHeader()方法只能拿到6个基本字段:Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。如果想拿到其他字段,就必须在Access-Control-Expose-Headers里面指定。上面的例子指定,getResponseHeader(‘FooBar‘)可以返回FooBar字段的值。

第二种方法  

npm里的cors模块 使用这个模块可以实现跨域功能

在express项目下面
执行npm install cors
然后在app.js里面
var cors = require(‘cors‘);
app.use(cors());

更多内容请查看

https://github.com/TroyGoode/node-cors

 






















以上是关于node搭建本地服务器后端解决跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

phpStudy搭建本地后台环境并解决跨域问题

本地Vue项目跨域请求本地Node.js服务器的配置方法

解决本地文件跨域的问题,npm install anywhere -g

Access to Image at 'file:///Users canvas本地图片跨域报错解决方案

webpack + vue 向本地后端发送http请求跨域问题

实践解决跨域问题的三种方式剖析