三言兩語說透設計模式的藝術-簡單工廠模式
一、寫在前面工廠模式是最常見的一種創建型設計模式，通常說的工廠模式指的是工廠方法模式，是使用頻率最高的工廠模式。簡單工廠模式又稱為靜態工廠方法模式，不屬于GoF 23種設計
圖片
跨域問題指的是在Web開發中，由于瀏覽器的同源策略限制，當一個網頁嘗試訪問與它不同源（協議、域名或端口不同）的資源時，可能會遇到安全限制導致無法正常訪問的問題。這種策略旨在防止惡意網站讀取或修改其他網站的數據，保護用戶信息安全。
這樣說可能有點抽象，下面具體展開說明。
通常情況下，我們主流的開發模式是：前后端分離。當我們從瀏覽器80訪問服務端81應用
圖片
下面我們用一個Web工程，一個后端工程具體簡單演示下。
圖片
spring.application.name=springboot-cross-webserver.port=8080<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>測試跨域請求頁面</title> <script src="js/jquery-3.5.1.min.js"></script></head><body><div> <input type="button" onclick="crossSubmit()" value="跨域測試"></div><script> function crossSubmit() { // 發送跨域請求 jQuery.ajax({ url: "http://localhost:8081/api/cross", type: "POST", data: {"key": "Cross"}, success: function (result) { alert("返回數據：" + result.data); } }); }</script></body></html>2、后端工程結構：
圖片
spring.application.name=springboot-crossserver.port=8081@RestControllerpublic class CrossAppController { @RequestMapping("/api/cross") public HashMap<String, Object> crossTest() { return new HashMap<String, Object>() {{ put("state", 200); put("data", "success"); }}; }}
圖片
瀏覽器報錯產生跨域問題。
一般來講，通常產生跨域問題有以下幾種原因：
圖片
這就是常說的同源策略的問題。產生跨域問題的根源就是請求不同源。
從上邊的問題來看，主要在于瀏覽器保護，對參數 "Access-Control-Allow-Origin"的設置。
主要有下解決方案：
@RestController@CrossOrigin(origins = "*")public class CrossAppController { @RequestMapping("/api/cross") public HashMap<String, Object> crossTest() { return new HashMap<String, Object>() {{ put("state", 200); put("data", "success"); }}; }}演示結果：
圖片
@Configurationpublic class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/cross") .allowedOrigins("*") .allowedMethods("GET", "POST", "PUT", "DELETE") .allowedHeaders("*"); //.allowCredentials(true); }}@Componentpublic class CorsFilter implements Filter { @Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletResponse response = (HttpServletResponse) res; HttpServletRequest request = (HttpServletRequest) req; // 設置允許的來源 response.setHeader("Access-Control-Allow-Origin", "*"); // 處理預檢請求 if ("OPTIONS".equalsIgnoreCase(request.getMethod())) { response.setStatus(HttpServletResponse.SC_OK); } else { chain.doFilter(req, res); } }}server { listen 80; server_name your.domain.com; location / { # 添加CORS相關的響應頭 add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; # 對于OPTIONS請求，直接返回204狀態碼 if ($request_method = 'OPTIONS') { return 204; } # 其他配置... # 代理到后端服務或其他配置... # proxy_pass http://your_backend/; # 其他proxy_...指令... } }參考文章: https://mp.weixin.qq.com/s/YQr0q4qeZb5p1s-FVEdJvg
本文鏈接：http://m.www897cc.com/showinfo-26-90189-0.html跨域問題及常用的四種解決方案
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號