Express.js接口允许跨域配置

128 阅读1分钟
  • 安装cors:
npm i cors

链接:https://www.npmjs.com/package/cors?activeTab=code

  • 使用示例:
  • 允许所有跨域请求
// 导包
const express = require('express') 
const cors = require('cors') 
   
const app = express() 
  
// 允许所有跨域请求
app.use(cors()); 

// 示例api
app.get('/', (req, res) => { 
    res.send('Hello World!')
}); 
  
// 端口号
const port = 9000; 

app.listen(port, () => { 
    console.log(`Example app running on port ${port}.`) 
})

启动index.js,访问http://localhost:9001/,可以看到Response Headers中Access-Control-Allow-Origin一项为*,即允许所有跨域。

  • 设置仅允许指定origin的跨域请求
const express = require('express') 
const cors = require('cors') 
  

const app = express() 
  
// 设置允许的origin, option的详细设置参照官网
let corsOptions = { 
   origin : ['http://localhost:5500'], 
} 
  
app.use(cors(corsOptions)) 
  
app.get('/',(req, res) => { 
   res.send('Hello World!')
}); 
  
const port = 9000; 
  
app.listen(port, () => { 
   console.log(`Server running on port ${port}.`) 
});