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

作者: aoksc (重出江湖)   2018-10-29 11:58:29
請問各位
目前比較推薦的網頁串接後端API的作法是什麼呢?
我目前是預計後端用C#前端框架用React
前端打包部份用Webpack
請問像這樣子的架構專案要怎麼開呢?
以前有遇過是類似開一個空的MVC專案用gulp
然後在前端直接call後端controller的路徑來取得資料render畫面
新的專案有考慮前端開一個專案
後端開一個專案的架構
但想請問如果這樣的架構下
那我前端要呼叫API的話
我要怎麼設定呢?
例如以前的專案可能只要/{某個controller}/{Action}
因為都在同一個專案底下所以也不須考慮Host name的問題
那如果真的分成兩個獨立專案的話這問題要怎麼解決呢?
因為小弟對於前端真的不太熟悉
希望各位能指點一下或是給我一些key word讓我有個方向
感謝!
作者: crossdunk (推噓自如)   2018-10-29 14:23:00
不懂你意思前後端拆開的話呼叫的就是後端的domain name啊
作者: diabloevagto (wi)   2018-10-29 14:44:00
Restful你後端方式就照舊,只是前面加上 domain name
作者: Neisseria (Neisseria)   2018-10-29 19:34:00
就前後端分離和 CORS,可以做,一開始工會比較多
作者: shter (飛梭之影)   2018-10-29 23:10:00
基本上 API 那邊不管是 PHP Node.js python perl ...不就是一串 url 嗎? 就算開發環境跟正式環境 domain 不一樣結構依然是 {domain name}/Home/GetXXX前面就是一個固定的變數,比如 let domain="aaa.bb.cc";你的 code 組 url 時就是 domain + "/HomeGetXXX"然後依照你是在開發或正式環境,去改 domain 的值要嘛就所有 url 都加上 domain + path , domain 用全域變數不然就所有 url 寫在同一支 js , domain 可用區域變數
作者: qq076qq076 (小小菜鳥)   2018-10-31 03:08:00
react 可以用env替換環境變數啊build的時候指定不同env就可以了
作者: chatnoir (對不起)   2018-11-06 00:53:00
webpack可以設定proxy,build的時候再掛domain即可

Links booklink

Contact Us: admin [ a t ] ucptt.com