nginx解決跨域

2022-07-07 05:06:12 字數 1391 閱讀 6605

一、被呼叫伺服器nginx**

1、配置nginx預設 conf

2、配置**conf

#告訴瀏覽器允許跨域訪問的方法


add_header access-control-allow-methods *;


# 告訴瀏覽器快取options預檢請求1小時


add_header access-control-max-age 3600


;      #允許帶有cookie訪問


add_header access-control-allow-credentials true


;      #注意 *不能滿足帶有cookie的訪問,origin 必須是全匹配,這裡通過變數獲取


#設定支援所有的自定義請求頭


#如果預檢請求,則返回成功,不需要**到後端


if ($request_method =options)
location 配置**

3、vue 填寫介面位址

4、如果選擇host檔案配置ip 網域名稱，如 127.0.0.1 m.com

則第二步的server_name 修改為m.com ，第三步給前端的位址修改為m.com:8333

如果80埠沒被占用則 第二步的listen如果設定為80，第三步給前端的位址則可以是m.com

瀏覽器(根據網域名稱)->host(找到對應ip的機器)->nginx(攔截，解析網域名稱**至proxy_pass)

5、瀏覽器訪問位址 http://localhost:8080/#/login

二、呼叫伺服器nginx**

1、配置nginx conf

2、前端位址呼叫改為 /ajaxserver

3、瀏覽器訪問位址 

nginx解決跨域

ajax跨域一直困擾我很久，今天終於解決了，並且不需要伺服器端配合。大概思路是 1，在本地電腦配置乙個nginx伺服器 2，把專案放在nginx伺服器下 3，配置nginx 遇到ajax請求，讓 伺服器去請求，然後把結果返回給本地伺服器 location location api 下面截圖裡的api...

Nginx解決跨域

跨域 什麼是跨域 就是瀏覽器不能執行其他 的指令碼，他是由瀏覽器的同源策略造成，是瀏覽器施加的安全限制 同源是指 網域名稱 協議 埠 均相同 跨域的解決方法 jsonp 用利用script標籤 在裡面進行ajax請求 在script標籤中 指定請求的型別 datatype jsonp 這種方式只能支...

nginx解決跨域問題！

1 問題背景 前端呼叫線上後段時出現跨域問題！解決方法nginx的location頭部增加配置 add header access control allow headers add header access control allow methods get,post,options,head,...