nodejs+express跨域请求总结

最新推荐文章于 2024-07-17 00:09:12 发布

yiqiebyjian

最新推荐文章于 2024-07-17 00:09:12 发布

阅读量1.3k

点赞数

分类专栏： nodejs 跨源请求文章标签： nodejs Access-Control-Allow-Origin

本文链接：https://blog.csdn.net/yiqiebyjian/article/details/79889349

版权

nodejs 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

跨源请求

1 篇文章 0 订阅

订阅专栏

本文总结了使用Node.js和Express实现跨域请求的步骤：首先安装cors中间件，然后在app.js配置跨源策略，最后解决前端兼容问题，确保前端请求参数与服务器响应头一致。

摘要由CSDN通过智能技术生成

一，最重要的第一步。在express脚手架中下载cors。（yarn add cors）

二，在app.js文件中添加跨源条件

 
  var 
    
  app 
    
  = 
    
  express 
  (); 
 
 
  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 
  (); 
 
 
    
  console 
  . 
  log 
  ( 
  123 
  ) 
 
 
  }); 
 

三，前端兼容问题。

有时候还是不行。就把前端参数配置好。和服务器设置的响应头参数一样。

 
  $ 
  . 
  ajax 
  ({ 
 
  type: 
  'post' 
  , 
 
  url: 
  'http://localhost:3000/swiper' 
  , 
 
  data: 
  { 
 
  bannernumber: 
  5 
  , 
 
  starnumber: 
  0 
  , 
 
  "Content-Type":"application/json;charset=utf-8" 
 
   } 
 
   }). 
  then 
  ( 
  succ 
  , 
  err 
  )