1. 程式人生 > >nginx配置解決跨域問題(【初學者】詳細教程)

nginx配置解決跨域問題(【初學者】詳細教程)

  1. 解壓後開啟nginx資料夾
    nginx目錄

    3.啟動nginx,當前資料夾下開啟cmd命令視窗(當前資料夾位址列輸入cmd直接回車也行)

    啟動命令:nginx.exe

    重新整理配置重啟:nginx.exe -s reload

    停止:nginx.exe -s stop

    檢視版本:nginx -v

4.配置一個服務nginx(開啟conf資料夾下nginx.conf檔案)

server {
        listen       8010;
        server_name  localhost;
        location / {
            root C
:/Users/admin/Documents/;#根目錄 autoindex on; #開啟nginx目錄瀏覽功能 autoindex_exact_size off; #檔案大小從KB開始顯示 charset utf-8; #顯示中文 add_header 'Access-Control-Allow-Origin' '*'; #允許來自所有的訪問地址 add_header 'Access-Control-Allow-Credentials' 'true'
; add_header 'Access-Control-Allow-Methods' 'GET, PUT, POST, DELETE, OPTIONS'; #支援請求方式 add_header 'Access-Control-Allow-Headers' 'Content-Type,*'; } }

5.常見問題(403)
沒有許可權或者沒有index指向並沒開啟目錄瀏覽配置

相關推薦

nginx配置解決問題初學者詳細教程

解壓後開啟nginx資料夾 3.啟動nginx,當前資料夾下開啟cmd命令視窗(當前資料夾位址列輸入cmd直接回車也行) 啟動命令:nginx.exe 重新整理配置重啟:nginx.

vue項目開發,用webpack配置解決問題

res rip host split sel localhost TP tab .json 今天在本地開發時候碰到了跨域的問題,突然覺著跨域問題在所難免啊,之前沒有沒有碰到總覺著解決跨域很高大上的樣紙,其實就是受限於網絡的同源策略,跨域前後端都可以進行處理。 1,後端更改h

Web API中使用CORS解決暫存

content attribute 註冊 serve color def erro 簡單 style Web API中使用Cros解決跨域   如果兩個頁面的協議,端口和域名都相同,則兩個頁面具有相同的源,註:IE不考慮端口,同源策略不會阻止瀏覽器發送請求,但是它會阻止

vue webpack配置解決問題

onf imp api 幫助 write webp quest table cati 現在基本項目都是實行前後端分離的原則,不管是ng 或者是vue 在開發中都無法避免跨域的這個問題 本人剛上手第一個vue項目,在調用api的時候出現了跨域的這個問題 這是封裝好一個簡單的p

java伺服器端解決問題工具包系列

現在很多開發的API都支援ajax直接請求,這樣就會導致跨域的問題,解決跨域的問題一方面可以從前端,另一方面就是伺服器端。 既然是搞伺服器端,做對外的API服務,當然是做到越簡單越好,前端只需要傻傻的使用就好。 目前我接觸來的情況是有2種實現方

nginx配置允許訪問

1、對外提供的查詢訂單資訊介面需要支援跨域訪問: if ($http_origin ~* ((http|https)?://.*\.aa\.(com|hk)$)) { add_header 'Ac

Nginx之——解決問題

這裡,我們利用Nginx的反向代理功能解決跨域問題,至於,什麼是Nginx的反向代理,大家就請自行百度或者谷歌吧。nginx作為反向代理伺服器,就是把http請求轉發到另一個或者一些伺服器上。通過把本地一個url字首對映到要跨域訪問的web伺服器上,就可以實現跨域訪問。對於瀏

Nginx配置CI框架問題Linux平臺下Centos系統

項目 末尾 規則 -c 官方文檔 nbsp fas src 路由 CI框架:官方文檔 http://codeigniter.org.cn/user_guide/index.html CI框架的數據流程圖如下: 其中:index.php作為入口文件,在安裝好CI框架後,i

Webpack devServer中的 proxy 實現用nodejs代理轉發請求

假設,我需要請求的介面的入口為 http://www.xxx.com/api, 修改 /config/index.js 配置檔案,修改 dev 選項下 proxyTable 的值為如下: 你需要請求的介面的入口為 http://www.xxx.com/rest, 而程式

cors以及和jsonp的區別

上次我們說到,jsonp只支援get方式跨域,不支援post,是因為底層是使用script標籤去接受請求,jsonp通過給script的src中的url設定回撥函式,傳給服務端後,服務端返回一個回撥函式的呼叫,把資料包在這個回撥函式裡面,然後我們在全域性中

從零開始的unity2017筆記2D物理方面

三、物理方面 給sprite物件加剛體(Rigidbody 2D)裡面的【body type】中dynamic是物體受重力影響,kinematic就是不受重力影響。 給物件再加碰撞體(box collider 2d、circle collider 2d等等之類)在其元件裡面用edit colli

從零開始的unity2017筆記2D角色動畫

二、角色動畫 製作2d角色動畫的方式有兩種: A:預先做好一張張動畫幀式。 預先用繪圖軟體做好多張動畫幀圖片(記得給他們編號,目測動畫檔案會按照在project裡面排列順序來自動生成),匯入進unity的project裡,按shift多選選中一套動畫幀,直接拖進【hierarchy】裡面會彈出

java動態代理實現與原理詳細分析轉載By--- Gonjan

【轉載】By---    Gonjan    關於Java中的動態代理,我們首先需要了解的是一種常用的設計模式--代理模式,而對於代理,根據建立代理類的時間點,又可以分為靜態代理和動態代理。  一、代理模式  

java動態代理實現與原理詳細分析轉載By--- Gonjan

sleep class 實施 div prot stack 註意 san 由於 【轉載】By--- Gonjan 關於Java中的動態代理,我們首先需要了解的是一種常用的設計模式--代理模式,而對於代理,根據創建代理類的時間點,又可以分為靜態代理和動態代理。

cocos2d-js ttf字型總結史上最詳細教程

網上有關cocos2d引擎字型使用的教程可以說是滿天飛我就不說了,本文主要講解如何使用第三方.ttf字型。 cocos2d-js 分web和jsb版本,首先講解web版本如何使用第三方xxxx.ttf字型檔,需要在resource中載入字型,格式如下: var g_res

Nginx反向代理配置解決問題

一. 跨域    指的是瀏覽器不能執行其他網站的指令碼。它是由瀏覽器的同源策略造成的,是瀏覽器對 JavaScript 施加的安全限制。 實際開發過程中表現為,如果本地的Html程式碼未提交到伺服器,本地是不能直接呼叫伺服器 API 獲取資料的。 二. Nginx

機房報修管理系統後端篇 配置Cros解決問題

一、前情提要     上一次我們使用了MyBatisGenerator解決了實體層和Dao層的開發,這一次我們來解決Cros跨域問題。 二、任務詳情 配置Cros攔截器 三、相關介紹 1.什麼是跨

一個 Yii + vue 專案3 解決、資料庫配置

ok,有了基礎的環境,就可以寫功能了,首先要實現的功能就是 登陸驗證,這個時候我們還需要建一個數據庫,我在本地建了個數據庫,添加了一個簡單的表 user: user 表的 name 欄位是用來儲存使用者的名字的,而 username 和 password 則是對應的賬號密碼,考慮到

前後端分離nginx配置,同時解決問題

背景 現在,web開發的前後端分離技術越來越火爆,由於最近的課程設計使用了前後端分離的方案,這裡就來記錄一下前後端分離的專案部署。這裡我們使用的前端框架是react,後臺使用ssm提供資料介面。 nginx nginx (engine x) 是一個高效能的

Angular 解決 配置代理 適用於Angular2+

1. 新建proxy.conf.json 檔案 內容如下:{    "/api": {        "target": "http://124.77.3.162:8888",        "secure": false,        "router" : {