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

问题来源:

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

解决方案;

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
相关推荐
zhuà!11 分钟前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv
Amumu1213812 分钟前
React应用
前端·react.js·前端框架
摸鱼的春哥15 分钟前
实战:在 Docker (Windows) 中构建集成 yt-dlp 的“满血版” n8n 自动化工作流
前端·javascript·后端
IT 行者19 分钟前
Spring Security 7 OAuth2 Token 格式选择浅析
java·后端·spring
幽络源小助理20 分钟前
Springboot机场乘客服务系统源码 – SpringBoot+Vue项目免费下载 | 幽络源
vue.js·spring boot·后端
小酒星小杜21 分钟前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统
前端·vue.js·架构
测试游记22 分钟前
基于 FastGPT 的 LangChain.js + RAG 系统实现
开发语言·前端·javascript·langchain·ecmascript
阿奇__23 分钟前
elementUI table 多列排序并保持状态样式显示正确(无需修改源码)
前端·vue.js·elementui
zhengxianyi51528 分钟前
数据大屏-单点登录ruoyi-vue-pro
前端·javascript·vue.js