怎么利用nginx解決跨域問題

本篇內容介紹了“怎么利用nginx解決跨域問題”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

如圖：

為了少敲代碼，提高工作效率，我們當然希望將python中間層砍掉，但是如何解決以下三個問題，成為關鍵：

1. 后端渲染

2. 登錄狀態判定

3. 跨域轉發api
   

關于1，2我會在另外兩篇博客中詳細敘述，這篇文章主要解決3，也就是跨域問題。解決跨域問題方法很多：反向代理，jsonp，cross-origin resource sharing等，我們今天通過nginx反向代理實現。

新建兩個flask程序來實驗

打開pycharm，新建項目選擇flask，name分別設為client和server。

編寫client和server的python文件，使其分別跑在5000端口和5001端口：

client.py

from flask import flask
app = flask(__name__)
@app.route('/') def hello_world(): return 'this is client'
if __name__ == '__main__':
 app.run(port=5000)

server.py

from flask import flask
app = flask(__name__)
@app.route('/') def hello_world(): return 'this is server' @app.route('/api/') def api(): return 'api'
if __name__ == '__main__':
 app.run(port=5001)

運行client.py

運行server.py

安裝nginx（ubuntu）

打開新立得，搜索nginx，選中并安裝。ubuntu就是這么簡單，其他平臺暫不敘述，可自行搜索。

配置nginx，使其將5000端口（客戶端）的請求轉發到5001端口（服務器端）

打開nginx默認的配置文件：

sudo gedit /etc/nginx/sites-available/default

在文件末尾添加如下命令：

## demo listen 5017 proxy 5000 and 5001 ##
server {
 listen 5017; 
 server_name a.xxx.com;
 access_log /var/log/nginx/a.access.log;
 error_log /var/log/nginx/a.error.log;
 root html;
 index index.html index.htm index.php;
 ## send request back to flask ##
 location / {
  proxy_pass http://127.0.0.1:5000/ ; 
 #proxy settings
  proxy_redirect off;
  proxy_set_header host $host;
  proxy_set_header x-real-ip $remote_addr;
  proxy_set_header x-forwarded-for $proxy_add_x_forwarded_for;
  proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
  proxy_max_temp_file_size 0;
  proxy_connect_timeout 90;
  proxy_send_timeout 90;
  proxy_read_timeout 90;
  proxy_buffer_size 4k;
  proxy_buffers 4 32k;
  proxy_busy_buffers_size 64k;
 }
 location /proxy {
  rewrite ^.+proxy/?(.*)$ /$1 break;
  proxy_pass http://127.0.0.1:5001/ ; 
 #proxy settings
  proxy_redirect off;
  proxy_set_header host $host;
  proxy_set_header x-real-ip $remote_addr;
  proxy_set_header x-forwarded-for $proxy_add_x_forwarded_for;
  proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
  proxy_max_temp_file_size 0;
  proxy_connect_timeout 90;
  proxy_send_timeout 90;
  proxy_read_timeout 90;
  proxy_buffer_size 4k;
  proxy_buffers 4 32k;
  proxy_busy_buffers_size 64k;
 }
}
## end a.xxx.com ##

運行nginx:

sudo /etc/init.d/nginx restart

這些命令使得localhost:5017代理了localhost:5000，如圖：

使得localhost:5017/proxy代理了localhost:5001，如圖：

使得localhost:5017/proxy/api/代理了localhost:5001/api/，如圖：

如此以來，原本需要從5000端口請求5001端口的url，變成了從5017端口請求5017端口的/proxy。解決了同源策略帶來的跨域問題。

這個配置文件也可以和uwsgi配合起來用，也可以不用uwsgi，直接運行python文件啟動服務，本文便是后一種。

“怎么利用nginx解決跨域問題”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！