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://你的允许访问的域名'
}));
相关推荐
前端李易安7 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
远之喵11 小时前
@tinyhttp/app VS express
express
Ztiddler16 小时前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端青山17 小时前
webpack进阶(一)
前端·javascript·webpack·前端框架·node.js
老攀呀19 小时前
安装多个nodejs版本(nvm)
node.js
佚名程序员19 小时前
【Node.js】全面解析 Node.js 安全最佳实践:保护您的应用
安全·node.js
zxg_神说要有光1 天前
快速入门 AI:调用 AI 接口生成 React 组件
前端·javascript·node.js
佚名程序员1 天前
【Node.js】深入理解 V8 JavaScript 引擎
前端·javascript·node.js
赵闪闪1681 天前
Node.js 安装与开发环境配置全指南
node.js
前端与小赵1 天前
什么是Webpack,有什么特点
前端·webpack·node.js