cors跨越问题的后端解决

发布时间：2025-06-24 19:11:19  作者：北方职教升学中心  阅读量：835

前端请求的路径baseURL是怎么来的？ ？

• 前端和后端在同一台计算机上运行󿀌后端域名是localhost，如果使用http协议，后端监控的端口号是3000，所以前端请求的基本路径是 'http://localhost:3000' 。

另外，监控端口号（这篇文章是3000）可由后端自定义。

端口号设置，需要注意的是，npm install cors。

cors跨越问题的后端解决方案

cors󿼀，，本地react或vue项目可在localhost的某个端口（默认运行;react，可能是3000；vue，可能是8080，但这也取决于项目的具体配置和工具），如果后端也在本地运行，后端监控的端口号不能与前端的端口号相同。
背景：node用于后端.js构建󰀌使用express。
// index.jsconst express = require('express')const app = express()// httpp是当前端请求的路径://localhost:3000/login，后端将返回 ‘后端接收’app.use('/login', (req,res) => {    res.send('后端接收')})// 监控3000端口app.listen(3000, () => {    console.log('start');  })。  访问浏览器中的“访问”http://localhost:3000/login#xff0c;页面显示如下：
 。
cors跨越问题的后端解决。
  访问浏览器中的“浏览器”http://localhost:3000/login#xff0c;页面显示如下：
 。
。
前后端不在同一台电脑上运行，那么localhost应该成为后端电脑的IP地址，前端请求的路径变成了：http://xx.xx.xx.xx:3000 ( xx 都是0-255之间的数字)。cors󿼌用express构建的后端只需添加以下设置即可：

安装cors包。// index.js...// 解决跨越const的问题 cors = require('cors')app.use(cors())..。