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://你的允许访问的域名'
}));
相关推荐
Vone_661 小时前
node.js 邮箱验证服务器搭建
运维·服务器·node.js
程序员拂雨2 小时前
HTTP和HTTPS模块
http·https·node.js
dgiij7 小时前
excel大表导入数据库
数据库·mysql·node.js·excel
x-cmd8 小时前
[250512] Node.js 24 发布:ClangCL 构建,升级 V8 引擎、集成 npm 11
前端·javascript·windows·npm·node.js
MaisieKim_2 天前
python与nodejs哪个性能高
前端·python·node.js
水煮白菜王2 天前
深入理解 Webpack 核心机制与编译流程
前端·webpack·node.js
程序员拂雨2 天前
Express知识框架
node.js·express
大G哥2 天前
项目中利用webpack的require.context实现批量引入/导入图片
前端·webpack·node.js
七冬与小糖2 天前
【本地搭建npm私服】使用Verdaccio
前端·npm·node.js
巴巴_羊3 天前
webpack和vite区别
前端·webpack·node.js