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

问题来源:

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

解决方案;

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
相关推荐
天若有情6734 分钟前
笑喷!乌鸦哥版demo函数掀桌怒怼主函数:难办?那就别办了!
java·前端·servlet
记得记得就1514 分钟前
【Nginx 实战系列(一)—— Web 核心概念、HTTP/HTTPS协议 与 Nginx 安装】
前端·nginx·http
天蓝色的鱼鱼5 分钟前
mescroll老用户亲测z-paging:这些功能让我果断切换!
前端·uni-app
JarvanMo10 分钟前
适用于 iOS 开发者的 Flutter 3.38:Xcode 与 Swift 集成新技巧
前端
北极糊的狐22 分钟前
Vue 中 vue-awesome-swiper的使用笔记(适配 Vue2/Vue3)
前端·javascript·vue.js
anyup26 分钟前
🔥100+ 天,已全面支持鸿蒙!uView Pro 近期更新盘点及未来计划
前端·uni-app·harmonyos
SimonKing34 分钟前
你的IDEA还缺什么?我离不开的这两款效率插件推荐
java·后端·程序员
2***574238 分钟前
前端数据可视化应用
前端·信息可视化
DevUI团队44 分钟前
Angular开发者必看:深度解析单元测试核心技巧与最佳实践
前端·javascript·angular.js