关于跨域问题(本地前端访问服务器端接口跨域出错)

问题来源:

当服务器封装了接口但是本地电脑端前端访问出现跨域问题。

解决方案;

1、使用ipconfig 查看本地电脑的ip地址

bash 复制代码
ipconfig

2、在后端接口处配置如下代码

bash 复制代码
allow_origins=[

    "http://本地ip地址:3001",  # 局域网内其他设备访问的本地 IP 地址 + 端口号
    "http://yourfrontend.com",  # 生产环境前端地址
    "https://anotherfrontend.com"  # 其他前端地址
]

3、重启后端代码(一定要重启后端代码!!!一点要reload!!!)

bash 复制代码
uvicorn main:app --host 0.0.0.0 --port 8111 --reload
相关推荐
小蒜学长3 分钟前
“喵汪联盟”宠物领养系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·宠物
程序员黑豆4 分钟前
Java字符串常量池完全指南:原理、intern()方法与性能优化最佳实践
java·前端·ai编程
光影少年5 分钟前
react离线缓存、图片缓存方案
开发语言·前端·javascript·react native·react.js·缓存·前端框架
SomeB1oody9 分钟前
【RustyML入门】3.7. 循环层
开发语言·后端·机器学习·rust·教程
Canace10 分钟前
笔记本都合上了,Claude 为什么还能在手机上执行电脑上装的技能?
前端·人工智能·ai编程
cyadyx1 小时前
Vite 比 Webpack 构建效率更高
前端·webpack·node.js·vite
mCell3 小时前
AI 时代 SVG 画图的潜力
前端·agent·svg
我命由我123458 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
Hopebearer_9 小时前
页面突然只剩 DOM?一次静态资源版本错配排查
前端·部署
东风破_10 小时前
ESLint 是什么?为什么你的项目需要它?
前端·后端·代码规范