使用nginx如何解決Access-Control-Allow-Origin問(wèn)題
前臺(tái)在訪問(wèn)不同ip的nginx服務(wù)器時(shí)報(bào)錯(cuò):
No ‘Access-Control-Allow-Origin’ header is present on the requested resource
原因
被請(qǐng)求的資源沒(méi)有設(shè)置 ‘Access-Control-Allow-Origin’
也就是nginx的返回信息頭沒(méi)有Access-Control-Allow-Origin(也就是瀏覽器同源策略,大家可以自行百度)
解決方案
在nginx中的nginx.conf中的路由中添加以下代碼:
location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
} 如果你請(qǐng)求的不是"location /"
則在自己的路由添加例如:“localhost /test”
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
nginx server_name配置多個(gè)域名時(shí)的坑
Nginx配置多個(gè)server_name時(shí),$server_name默認(rèn)取第一個(gè)值,導(dǎo)致PHP獲取錯(cuò)誤,下面就來(lái)介紹一下該問(wèn)題的解決,感興趣的可以了解一下2025-05-05
Nginx實(shí)現(xiàn)反向代理全過(guò)程
Nginx是一個(gè)高性能的HTTP和反向代理服務(wù)器,具有穩(wěn)定、豐富的功能集、示例配置文件和低系統(tǒng)資源消耗等特點(diǎn),Nginx可以作為負(fù)載均衡服務(wù)器使用,并且在處理圖片回顯業(yè)務(wù)方面也有很好的表現(xiàn)2025-11-11
使用Nginx為OpenClaw反向代理的實(shí)現(xiàn)
本文詳細(xì)介紹了如何通過(guò)Nginx反向代理配置OpenClaw網(wǎng)關(guān)的無(wú)域名HTTPS訪問(wèn)方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2026-04-04
nginx實(shí)現(xiàn)http轉(zhuǎn)換為https的項(xiàng)目實(shí)踐
Nginx作為Web服務(wù)器時(shí),可以通過(guò)配置實(shí)現(xiàn)HTTP跳轉(zhuǎn)HTTPS,本文主要介紹了nginx實(shí)現(xiàn)http轉(zhuǎn)換為https的實(shí)踐,具有一定的參考價(jià)值,感興趣的可以了解一下2025-03-03
nginx配置SSL/TLS證書(shū)的實(shí)現(xiàn)步驟
本文詳細(xì)介紹了nginx配置SSL/TLS證書(shū)的實(shí)現(xiàn)步驟,確保通過(guò)HTTPS安全訪問(wèn),步驟包括DNS解析驗(yàn)證、下載和安裝SSL證書(shū)、安裝Nginx、配置nginx.conf文件以及設(shè)置HTTPS重定向,感興趣的可以了解一下2024-09-09
解決nginx“504?Gateway?Time-out”錯(cuò)誤
這篇文章介紹了解決nginx“504?Gateway?Time-out”錯(cuò)誤的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12
Nginx服務(wù)器限制IP訪問(wèn)的各種情況全解析
這篇文章主要介紹了Nginx服務(wù)器限制IP訪問(wèn)的各種情況全解析,包括限制同一IP在一段時(shí)間內(nèi)的訪問(wèn)次數(shù)和全局限IP訪問(wèn)以及限制IP訪問(wèn)指定目錄等情況,需要的朋友可以參考下2015-08-08
Nginx服務(wù)器中配置非80端口的端口轉(zhuǎn)發(fā)方法詳解
這篇文章主要介紹了Nginx服務(wù)器中配置非80端口的端口轉(zhuǎn)發(fā)方法詳解,文中使用到了Nginx中的proxy_pass配置項(xiàng),需要的朋友可以參考下2016-04-04

