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

问题来源:

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

解决方案;

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
相关推荐
肖哥弹架构1 分钟前
Spring JDBCTemplate 十大性能优化秘籍:从慢如蜗牛到快如闪电!
java·后端·程序员
wenb1n3 分钟前
【Oracle】套接字异常(SocketException)背后隐藏的Oracle问题:ORA-03137深度排查与解决之道
后端
苦学编程的谢4 分钟前
MyBatis_3
java·开发语言·后端·mybatis
是2的10次方啊5 分钟前
🦆 小黄鸭调试法:程序员必备的5种神奇调试技巧,让Bug无处遁形!
后端
wenb1n7 分钟前
【Oracle】Oracle分区表“排雷“指南:当ORA-14400错误找上门时如何优雅应对
后端
guojl18 分钟前
MyBatis最佳实践
后端·微服务·mybatis
猫头虎1 小时前
2025年02月11日 Go生态洞察:Go 1.24 发布亮点全面剖析
开发语言·后端·python·golang·go·beego·go1.19
cypking1 小时前
electron中IPC 渲染进程与主进程通信方法解析
前端·javascript·electron
西陵1 小时前
Nx带来极致的前端开发体验——借助playground开发提效
前端·javascript·架构
江城开朗的豌豆1 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js