關于跨域問題(本地前端訪問服務器端接口跨域出錯)

問題來源:

當服務器封裝了接口但是本地電腦端前端訪問出現跨域問題。

解決方案;

1、使用ipconfig 查看本地電腦的ip地址

ipconfig

2、在后端接口處配置如下代碼

allow_origins=["http://本地ip地址:3001",  # 局域網內其他設備訪問的本地 IP 地址 + 端口號"http://yourfrontend.com",  # 生產環境前端地址"https://anotherfrontend.com"  # 其他前端地址
]

3、重啟后端代碼(一定要重啟后端代碼!!!一點要reload!!!)

uvicorn main:app --host 0.0.0.0 --port 8111 --reload

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/899144.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/899144.shtml
英文地址,請注明出處:http://en.pswp.cn/news/899144.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

邊緣計算 vs. 云計算,誰才是工業物聯網的未來?

前言 在物聯網(IoT)飛速發展的今天,邊緣計算正在徹底改變數據的處理、存儲和分析方式。傳統的IoT設備數據通常需要發送到云端進行處理,但隨著設備數量的激增,這種模式在延遲、帶寬和安全性方面暴露出諸多局限。邊緣計…

dell 臺式機 電腦 紐扣電池 如何取下?

dell 臺式機 電腦 紐扣電池 如何取下? 戴爾-optiplex-3060-塔式機-服務手冊

NFC 智能門鎖全棧解決方案:移動端、服務器、Web 管理平臺

目錄 一、系統整體架構 二、移動端 APP 開發 2.1 開發環境與基礎準備 2.2 主要功能模塊 2.3 示例代碼(Android/Kotlin 簡化示例) 三、后臺服務開發 3.1 環境準備 3.2 主要功能 3.3 示例代碼(Node.js Express 簡化示例) …

DDR4、DDR5、固態硬盤(SSD)和機械硬盤(HDD)在連續讀/寫、隨機讀/寫性能的對比分析

以下是關于DDR4、DDR5、固態硬盤(SSD)和機械硬盤(HDD)在連續讀/寫、隨機讀/寫性能的對比分析,結合技術特性與應用場景的總結: 一、性能對比表格 存儲類型連續讀(MB/s)連續寫&#x…

【AI】MAC版本本地Stable Diffusion web ui安裝

文章目錄 前言環境依賴homebrewpython3下載stable-diffusion-webui webui模型準備模型網站 中文頁面設置提示詞轉漢語轉英文controlnet安裝controlnet模型下載 結尾 前言 目前,市面上已經出現了很多用Ai 繪圖制作的作品,用于自媒體或者商業等。例如表情…

Linux 云服務器開放端口

首先找到你買服務器的官網,我這里是阿里云 點擊這里的控制臺 這里先點手動添加,再看自己是UDP還是TCP協議,找到對應的協議,目的就填你想開放的端口,源填所有IP/4 0.0.0.0 添加備注點擊保存就開放好了。

[unity 點擊事件] 區域響應點擊事件,排除子節點區域,Raycast Target 應用

當我打開一個二級彈窗后,希望可以通過點擊彈窗以外的區域來關閉該彈窗。一開始我是在彈窗主節點上掛載了一個 button 組件,該 button 注冊的點擊事件中關閉該彈窗。在子節點(一個背景圖)的image組件上啟用 Raycast Target 選項&am…

表的約束及代碼練習

一.表的約束 查看表:mysql> select * from t_hero; 1.設置t_hero的主鍵為t_id alter table t_hero add primary key(t_id); 2.設置t_hero t_id屬性非空 alter table t_hero modify t_id int not null;3.設置name屬性為非空非重復 alter table t_hero modify…

Linux筆記---動靜態庫(使用篇)

目錄 1. 庫的概念 2. 靜態庫(Static Libraries) 2.1 靜態庫的制作 2.2 靜態庫的使用 2.2.1 顯式指定庫文件及頭文件路徑 2.2.2 將庫文件安裝到系統目錄 2.2.3 將頭文件安裝到系統目錄 3. 動態庫 3.1 動態庫的制作 3.2 動態庫的使用 3.2.1 顯式…

Java并發編程2(鎖-Sychronized)

目錄 認識Java對象頭 sychronized鎖原理 基本概念 工作原理 1.作用在方法上 2.作用在代碼塊上 工作機制 JVM優化鎖 Monitor鎖 wait/notify park/unpark 線程狀態轉換案例 死鎖 概念 死鎖發生的必要條件 哲學家問題 活鎖 饑餓 概念 饑餓的原因 Reentrant…

現階段高校的人工智能方案培訓如何?

人工智能在未來肯定是核心發展力,核心競爭力,也是國家重點扶持的對象,但我還是不看好高校的人工智能方向,只是怕有些同學對市場前景盲目樂觀,就輕易上車了。 你要是985以上的高校,可以考慮選擇人工智能&…

JavaScript中的繼承有哪些方式?各有什么優缺點

在 JavaScript 中,繼承主要通過原型鏈實現,常見的繼承方式有以下幾種,每種方式都有其優缺點: 1. 原型鏈繼承 1. 實現方式:將子類的原型對象指向父類的實例。 function Parent() {} function Child() {} Child.protot…

深入理解指針(3)(C語言版)

文章目錄 前言 一、字符指針變量二、數組指針變量2.1 數組指針變量是什么2.2 數組指針變量怎么初始化2.2.1 靜態初始化2.2.2 動態初始化 三、二維數組傳參的本質四、函數指針變量4.1 函數指針變量的創建4.2 函數指針變量的使用4.3 typedef關鍵字4.4拓展 五、函數指針數組六、轉…

Linux之 權限提升(Linux Privilege Escalation)

Linux 之權限提升 系統信息 1.獲取操作系統信息 2.檢查PATH,是否有任何可寫的文件夾? 3.檢查環境變量,有任何敏感細節嗎? 4.使用腳本(DirtyCow?)搜索內核漏洞 5.檢查sudo 版本是否存在漏洞…

【leetcode hot 100 215】數組中的第K個最大元素

解法一&#xff1a;維護最大最小值 -> 堆 -> k個元素的最小值堆 class Solution {public int findKthLargest(int[] nums, int k) {// 維護最大最小值 -> 堆 -> k個元素的最小值堆PriorityQueue<Integer> heap new PriorityQueue<>((n1, n2) -> n…

csp信奧賽C++常用的數學函數詳解

csp信奧賽C常用的數學函數詳解 在信息學奧林匹克競賽&#xff08;信奧賽&#xff09;中&#xff0c;C 的 <cmath> 頭文件提供了豐富的數學函數&#xff0c;用于高效處理數學運算。以下是常用系統數學函數的詳細講解及匯總表格。 絕對值函數 int abs(int x)&#xff1a;返…

Java IntelliJ IDEA 中配置多個 JDK 版本

目錄 一、添加多個 JDK 版本1. 下載并安裝多個 JDK 版本2. 配置 JDK 在 IntelliJ IDEA 中 二、在項目中切換 JDK 版本1. 設置項目使用的 JDK 版本2. 設置模塊使用的 JDK 版本 三、在運行配置中指定 JDK 版本四、總結 在實際開發中&#xff0c;我們常常需要在同一個項目中使用不…

ChatDBA VS DeepSeek:快速診斷 OceanBase 集群新租戶數據同步異常

社區王牌專欄《一問一實驗&#xff1a;AI 版》改版以來已發布多期&#xff08;51-60&#xff09;&#xff0c;展現了 ChatDBA 在多種場景下解決問題的效果。 下面讓我們正式進入《一問一實驗&#xff1a;AI 版》第 62 期&#xff0c;看看 ChatDBA 最新效果以及與熱門大模型 De…

Java條碼與二維碼生成技術詳解

一、技術選型分析 1.1 條碼生成方案 Barbecue是最成熟的Java條碼庫&#xff0c;支持&#xff1a; Code 128EAN-13/UPC-AUSPS Inteligent Mail等12種工業標準格式 1.2 二維碼方案對比 庫名稱維護狀態復雜度功能擴展性ZXing★★★★☆較高強QRGen★★★☆☆簡單一般BoofCV★…

air780eq 阿里云

硬件&#xff1a;APM32F030C8 Air 780eq 參考文檔&#xff1a; 合宙780E-4G模塊通過AT指令連接到阿里云平臺&#xff0c;實現信息的收發_air780e上傳阿里云屬性值at命令-CSDN博客 阿里云 - atair780eq - 合宙文檔中心 4G模塊接入阿里云-實現數據上傳和命令下發_4g模塊上傳…