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

问题来源:

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

解决方案;

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 分钟前
【Turbo】使用介绍
前端
军军君0132 分钟前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...2 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n2 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon2 小时前
理解vue中的ref
前端·javascript·vue.js
野犬寒鸦3 小时前
从零起步学习并发编程 || 第一章:初步认识进程与线程
java·服务器·后端·学习
我爱娃哈哈3 小时前
SpringBoot + Flowable + 自定义节点:可视化工作流引擎,支持请假、报销、审批全场景
java·spring boot·后端
落霞的思绪4 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q4 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz4 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端