首页 > 其他 > 详细

express后端配置,实现跨域

时间:2021-05-03 14:52:07      阅读:19      评论:0      收藏:0      [点我收藏+]

方法1:直接在app.js输入

//解决跨域
app.use((req, res, next) => {
  // 设置是否运行客户端设置 withCredentials
  // 即在不同域名下发出的请求也可以携带 cookie
  res.header("Access-Control-Allow-Credentials",true)
  // 第二个参数表示允许跨域的域名,* 代表所有域名  
  res.header(Access-Control-Allow-Origin, http://localhost)//配置80端口跨域
  res.header(Access-Control-Allow-Methods, GET, PUT, POST, OPTIONS) // 允许的 http 请求的方法
  // 允许前台获得的除 Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma 这几张基本响应头之外的响应头
  res.header(Access-Control-Allow-Headers, Content-Type, Authorization, Content-Length, X-Requested-With)
  if (req.method == OPTIONS) {
      res.sendStatus(200)
  } else {
      next()
  }
})

方法2:使用中间件cros

(1)先npm install cros --save

(2)在app.js输入

const cors = require(cors)
app.use(cors({
  origin: [http://localhost:80], //前端地址
  methods: [GET, POST],
  alloweHeaders: [Conten-Type, Authorization],
  Credentials:[true]
}))

 若是使用vue,也可以前端配置跨域,可以看看我的另一篇:vue前端配置跨域

express后端配置,实现跨域

原文:https://www.cnblogs.com/hmy-666/p/14727220.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!