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

cartoon 發(fā)布于2019-07-25 14:10 / 3522人閱讀

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

前后端分離方式，實現(xiàn)跨域：

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

node服務(wù)器：

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

nginx服務(wù)器：

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，本地開啟服務(wù)器實現(xiàn)代理。
3.nginx反向代理更多配置查詢http://www.nginx.cn/115.html。

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

云服務(wù)器 GPU云服務(wù)器前后端分離前后端分離開發(fā) js前后端分離框架前后端不分離 jsp

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/39782.html

相關(guān)文章

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

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

neuSnail 2019-08-22 13:59 評論0 收藏0
前后端分離，ajax api接口跨域，node代理和nginx代理

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

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

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

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

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

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

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

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