前后端分離，ajax api接口跨域，node代理和nginx代理

neuSnail 發布于2019-08-22 13:59 / 2063人閱讀

摘要：前后端分離方式，實現跨域模擬后端開發，拉后端代碼。前端自由，不用管后端服務器比如接口，本地，有跨域的問題。服務器本地端口正則匹配可高度自定義反向代理比如接口，本地，有跨域的問題。反向代理更多配置查詢。參考搭建服務器

前后端分離方式，實現跨域：

1.模擬后端開發，拉后端代碼。（要后端代碼，沒坑，效率低）
2.前端開啟web服務器，node服務器或者nginx服務器。（前端自由，不用管后端）

node服務器：

proxyTable: {
  "/api": {
    target: "http://segmentfault.com",
    pathRewrite: {
      "^/api": ""
    }
  }
}
1.比如ajax接口"/getMessage"，本地"localhost：8080/getMessage"，有跨域的問題。
2.localhost:8080 => http://segmentfault.com，本地開啟服務器實現代理。

nginx服務器：

http {
    server {
        listen  8080; #本地端口        
        server_name localhost;
        location  ~*/get*|post* { #nginx正則匹配(可高度自定義)            
            proxy_pass http://segmentfault.com; #反向代理
        }
    }
}
1.比如ajax接口"/getMessage"，本地"localhost：8080/getMessage"，有跨域的問題。
2.localhost:8080 => http://segmentfault.com，本地開啟服務器實現代理。
3.nginx反向代理更多配置查詢http://www.nginx.cn/115.html。

參考：
1.Vue-cli proxyTable
2.nginx搭建web服務器

云服務器 GPU云服務器前后端分離前后端分離開發 js前后端分離框架前后端不分離 jsp

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92723.html

前后端分離，ajax api接口跨域，node代理和nginx代理

摘要：前后端分離方式，實現跨域模擬后端開發，拉后端代碼。前端自由，不用管后端服務器比如接口，本地，有跨域的問題。服務器本地端口正則匹配可高度自定義反向代理比如接口，本地，有跨域的問題。反向代理更多配置查詢。參考搭建服務器前后端分離方式，實現跨域： 1.模擬后端開發，拉后端代碼。（要后端代碼，沒坑，效率低）2.前端開啟web服務器，node服務器或者nginx服務器。（前端自由，不用管后端）...

cartoon 2019-07-25 14:10 評論0 收藏0
前后端分離，ajax api接口跨域，node代理和nginx代理

摘要：前后端分離方式，實現跨域模擬后端開發，拉后端代碼。前端自由，不用管后端服務器比如接口，本地，有跨域的問題。服務器本地端口正則匹配可高度自定義反向代理比如接口，本地，有跨域的問題。反向代理更多配置查詢。參考搭建服務器前后端分離方式，實現跨域： 1.模擬后端開發，拉后端代碼。（要后端代碼，沒坑，效率低）2.前端開啟web服務器，node服務器或者nginx服務器。（前端自由，不用管后端）...

hersion 2019-06-28 18:18 評論0 收藏0
前后端分離下的CAS跨域流程分析

摘要：這種情況通常發生在反向代理的時候，前端發起請求代理服務器，代理服務器發起請求到，這時候就容易導致域名不一致，請一定要注意這點。寫在最前前后端分離其實有兩類：開發階段使用dev-server，生產階段是打包成靜態文件整個放入后端項目中。開發階段使用dev-server，生產階段是打包成靜態文件放入單獨的靜態資源服務器中，如nginx。這兩種方案最大的區別就是生產階段。由于第...

ckllj 2019-08-26 12:02 評論0 收藏0
前后端分離下的CAS跨域流程分析

摘要：這種情況通常發生在反向代理的時候，前端發起請求代理服務器，代理服務器發起請求到，這時候就容易導致域名不一致，請一定要注意這點。寫在最前前后端分離其實有兩類：開發階段使用dev-server，生產階段是打包成靜態文件整個放入后端項目中。開發階段使用dev-server，生產階段是打包成靜態文件放入單獨的靜態資源服務器中，如nginx。這兩種方案最大的區別就是生產階段。由于第...

DevTalking 2019-08-15 18:15 評論0 收藏0
前后端分離下的CAS跨域流程分析

摘要：這種情況通常發生在反向代理的時候，前端發起請求代理服務器，代理服務器發起請求到，這時候就容易導致域名不一致，請一定要注意這點。寫在最前前后端分離其實有兩類：開發階段使用dev-server，生產階段是打包成靜態文件整個放入后端項目中。開發階段使用dev-server，生產階段是打包成靜態文件放入單獨的靜態資源服務器中，如nginx。這兩種方案最大的區別就是生產階段。由于第...

jay_tian 2019-08-02 10:38 評論0 收藏0