NGINX反向代理golang后端服務

nginx配置參考（/etc/nginx/sites-available路徑下創建配置文件）

server {listen 80;  # 監聽80端口server_name ip;  # 你的域名或IPlocation / {root /var/www/test_page/;index index.html;      # 默認文件try_files $uri $uri/ /index.html;  # 單頁應用的路由支持}# 后端接口代理location /api/ {proxy_pass http://127.0.0.1:8080;  # 注意8080后不要加斜杠/proxy_http_version 1.1;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_set_header X-Forwarded-Proto $scheme;add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods "GET, POST, OPTIONS, PUT, DELETE";add_header Access-Control-Allow-Headers "Content-Type, Authorization";if ($request_method = 'OPTIONS') {add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods "GET, POST, OPTIONS, PUT, DELETE";add_header Access-Control-Allow-Headers "Content-Type, Authorization";return 204;}}}

特別注意：proxy_pass的url后邊帶"/"會把 /system 給替換掉，也就是實際會直接訪問http://127.0.0.1:8080/后的接口，而不是http://127.0.0.1:8080/system后的接口

golang后端代碼示例

package mainimport ("encoding/json""log""net/http"
)type Response struct {Message string `json:"message"`
}func main() {// 創建一個路由處理器router := http.NewServeMux()router.HandleFunc("/api/hello", func(w http.ResponseWriter, r *http.Request) {w.Header().Set("Content-Type", "application/json")response := Response{Message: "Hello from Golang backend!"}json.NewEncoder(w).Encode(response)})// 直接使用路由處理器啟動服務器log.Println("Starting server on :8080")if err := http.ListenAndServe(":8080", router); err != nil {log.Fatalf("Failed to start server: %v", err)}
}

前端代碼示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Frontend Demo</title>
</head>
<body><h1>Frontend Demo</h1><button id="fetchButton">Fetch Message from Backend</button><p id="message"></p><script>document.getElementById('fetchButton').addEventListener('click', function() {fetch('/api/hello')  // 調用后端接口.then(response => {if (!response.ok) {throw new Error('Network response was not ok ' + response.statusText);}return response.json();  // 解析 JSON 響應}).then(data => {document.getElementById('message').innerText = data.message;  // 顯示消息}).catch(error => {console.error('Error:', error);document.getElementById('message').innerText = 'Failed to fetch message: ' + error.message;});});</script>
</body>
</html>

測試

點擊按鈕出現Hello from Golang backend!表示代理成功
在這里插入圖片描述

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

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