Node.js配置CORS跨域(解决服务器api接口跨域问题)

一、安装cors

bash 复制代码
npm install cors

二、在接口文件中使用cors

javascript 复制代码
const express = require('express');
const cors = require('cors');  // 引入 cors 中间件
const app = express();
const port = 3000;

app.use(cors());  // 使用 cors 中间件

const catList = [
  {
    image: 'https://1317036699.vod2.myqcloud.com/8af1bb6fvodcq1317036699/d2b016581253642700822735154/As9K0OL6r7AA.jpg',
    title: '猫1',
    originalPrice: 9999,
    favourPrice: 8888,
    tip: '自营'
  },
  // ... 其他猫的数据
];

app.get('/api/cats', (req, res) => {
  res.json(catList);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

三、可以选择闲置访问源

javascript 复制代码
app.use(cors({
  origin: 'http://你的允许访问的域名'
}));
相关推荐
caridle21 分钟前
教程:使用 InterBase Express 访问数据库(五):TIBTransaction
java·数据库·express
理想不理想v2 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
暮毅6 小时前
10.Node.js连接MongoDb
数据库·mongodb·node.js
子非鱼92110 小时前
【Ajax】跨域
javascript·ajax·cors·jsonp
~甲壳虫12 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
~甲壳虫12 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫12 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫13 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
前端青山1 天前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
GDAL1 天前
npm入门教程1:npm简介
前端·npm·node.js