当前位置: 首页 > article >正文

前端请求的路径baseURL怎么来的 ?nodejs解决cors问题的一种方法

背景:后端使用node.js搭建,用的是express

前端请求的路径baseURL怎么来的 ?

  • 前后端都在同一台电脑上运行,后端的域名就是localhost,如果使用的是http协议,后端监听的端口号为3000,那么前端请求的基础路径是 'http://localhost:3000' 。
  • 前后端不在同一台电脑上运行,那么localhost应该会变成后端电脑的IP地址,那前端请求的路径就变成了:http://xx.xx.xx.xx:3000 ( xx 都是0-255之间的数字)。

另外,监听的端口号(本文这里是3000)可以由后端自定义。

// index.js
const express = require('express')
const app = express()

// 当前端请求的路径为http://localhost:3000/login,后端就会返回 ‘后端接收到了’
app.use('/login', (req,res) => {
    res.send('后端接收到了')
})

// 监听3000端口
app.listen(3000, () => {
    console.log('start');  
})

  在浏览器中访问‘http://localhost:3000/login’,页面显示如下:

 

关于端口号的设置,需要注意的是,本地的react或vue项目可能默认运行在localhost的某个端口(对于react,可能是3000;对于vue,可能是8080,但这也取决于项目的具体配置和所使用的工具),如果后端也运行在本地时,后端监听的端口号不能和前端的为同一个端口。

后端解决cors跨越问题

前端经常遇到的跨域问题cors,用express搭建的后端只需要添加如下设置即可:

安装cors包

npm install cors
// index.js
...
// 解决跨越
const cors = require('cors')
app.use(cors())
...


http://www.kler.cn/a/291745.html

相关文章:

  • 【MySQL】RedHat8安装mysql9.1
  • ATmaga8单片机Pt100温度计源程序+Proteus仿真设计
  • MySQL 怎么不丢数据(关于开启双1配置)
  • 编写一个生成凯撒密码的程序
  • Failed to create a temp file - Jenkins 无法创建任务
  • 【论文模型复现】深度学习、地质流体识别、交叉学科融合?什么情况,让我们来看看
  • 【Next】2. 项目构建
  • 基于esp32的智能分拣系统
  • 无人机飞手及装配维修技术前景详解
  • 2024数学建模国赛题目A-E题
  • Java项目: 基于SpringBoot+mysql+mybatis校园管理系统(含源码+数据库+答辩PPT+毕业论文)
  • 从“红米汽车”到“陆地航母”,小鹏汽车杀疯了?
  • 教育行业解决方案:智能PPT在教育行业的创新应用
  • Python爬虫入门篇!
  • JS 如何判断是否是IE浏览器
  • 基于ssm+vue+uniapp的图书管理系统小程序
  • Groupby分组
  • C++学习之动态内存和拷贝控制
  • Opencv 隔帧取数据解码速度优化
  • Prometheus(八):Prometheus监控elasticsearch及常用API
  • Java 异常架构Exception(异常)
  • Docker学习之路【八】安装主从复制MYSQL8
  • 如何使用小乌龟清除认证缓存、还原版本、定位及常用开发工具集成
  • QT运行ROS工程
  • 【赛题已出】2024数学建模国赛A-E题已发布
  • 如何优雅的使用责任链模式?