[問題] 前端呼叫API路徑問題

[aoksc (重出江湖)]

請問各位

目前比較推薦的網頁串接後端API的作法是什麼呢？

我目前是預計後端用C#前端框架用React

前端打包部份用Webpack

請問像這樣子的架構專案要怎麼開呢？

以前有遇過是類似開一個空的MVC專案用gulp

然後在前端直接call後端controller的路徑來取得資料render畫面

新的專案有考慮前端開一個專案

後端開一個專案的架構

但想請問如果這樣的架構下

那我前端要呼叫API的話

我要怎麼設定呢？

例如以前的專案可能只要/{某個controller}/{Action}

因為都在同一個專案底下所以也不須考慮Host name的問題

那如果真的分成兩個獨立專案的話這問題要怎麼解決呢？

因為小弟對於前端真的不太熟悉

希望各位能指點一下或是給我一些key word讓我有個方向

感謝！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.136.65.133
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1540785512.A.956.html
→ crossdunk: 不懂你意思
→ crossdunk: 前後端拆開的話呼叫的就是後端的domain name啊
推 diabloevagto: Restful
→ diabloevagto: 你後端方式就照舊，只是前面加上 domain name
推 Neisseria: 就前後端分離和 CORS，可以做，一開始工會比較多
我的意思就是說之前遇過網頁跟Controller都在同一個專案中

那麼我用ajax呼叫的url只需要像是/Home/GetXXX

因為都是在同一個專案中

所以不管是在本機還是在正式環境都沒差

但如果是在不同專案的話

url不就是要指定domain name嗎？

但本機測試的domain name又跟正式環境不一樣

我的認知是這樣所以才會有這疑問

還是其實有簡單的解法嗎？
※ 編輯: aoksc (150.117.240.159), 10/29/2018 22:08:05
推 shter: 基本上 API 那邊不管是 PHP Node.js python perl ...
→ shter: 不就是一串 url 嗎? 就算開發環境跟正式環境 domain 不一樣
→ shter: 結構依然是 {domain name}/Home/GetXXX
→ shter: 前面就是一個固定的變數，比如 let domain="aaa.bb.cc";
→ shter: 你的 code 組 url 時就是 domain + "/HomeGetXXX"
→ shter: 然後依照你是在開發或正式環境，去改 domain 的值
→ shter: 要嘛就所有 url 都加上 domain + path , domain 用全域變數
→ shter: 不然就所有 url 寫在同一支 js , domain 可用區域變數
→ qq076qq076: react 可以用env替換環境變數啊
→ qq076qq076: build的時候指定不同env就可以了
推 chatnoir: webpack可以設定proxy,build的時候再掛domain即可