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://你的允许访问的域名'
}));
相关推荐
鸠摩智首席音效师3 小时前
PM2 restart 和 reload “–update-env“ 选项的使用
node.js
落日弥漫的橘_1 天前
Node.js下载安装及环境配置教程 (详细版)
前端·node.js·环境配置·node安装教程
16年上任的CTO1 天前
一文大白话讲清楚webpack进阶——9——ModuleFederation实战
前端·webpack·node.js·模块联邦·federation
belldeep1 天前
nodejs:express + js-mdict 网页查询英汉词典
nodejs·express·js-mdict
skinGap1 天前
Node.js 中文编码问题全解析
node.js·jenkins·android-studio
前端杂货铺1 天前
Node.js——body-parser、防盗链、路由模块化、express-generator应用生成器
node.js·express
16年上任的CTO2 天前
一文大白话讲清楚webpack进阶——8——Module Federation
前端·webpack·node.js·模块联邦·federation
我命由我123452 天前
Tailwind CSS - Tailwind CSS 引入(安装、初始化、配置、引入、构建、使用 Tailwind CSS)
前端·javascript·css·npm·node.js·js
躲在没风的地方3 天前
vue框架技术相关概述以及前端框架整合
node.js·vue
小韩学长yyds3 天前
前端实战:小程序搭建商品购物全流程
javascript·css·vue.js·小程序·前端框架·node.js·html5