關於前端本地開發你需要了解的一切

下面關於前端開發我所有的瞭解的一些方法（方法無優劣，重要的你的習慣），有：

1. 前端發展起源之初的，模版語法（jsp，Nunjuck，PUG，vm等模版語法），jquery靜態頁面的方式連帶後臺程式碼一起跑，（聯調一般前後端不分離），前後端一起聯調，配置環境差異等。
2. 隨著node 的發展 gulp, wepback, grunt 等相繼問世，代理的方式，http-proxy方式
3. 利用抓包工具開發（一些安全性比較高的應用），使用charles, fiddler, 
4. Nginx反向代理解決前後端聯調跨域問題，本地開發調整。
5. 關閉瀏覽器的跨域檢查開發，（會因為忘記關閉而帶來很多的問題）

1. 模版語法，前後端不分離開發

    前後端共同維護程式碼，配合一些模版語法，進行開發，或者 後臺開啟跨域模式聯調（在不需要登入的情況下），效率很高，尤其是前後端是同一個人開發的時候，邏輯很聯通。比如說jsp模版語法等

2. 代理的話

   先說 dva, create-react-app, vue-cli 等一系列的腳手架生成的配置都可以直接配置一些本地開發代理，配置原理還是httpServer的轉發，這裡介紹一個學習webpack的中文地址，在內搜尋proxy就可以搜尋到配置項詳情使用規則

3. 利用抓包工具開發

     本人使用到了fiddler （windows）和 charles (mac) 、

4. Nginx反向代理解決前後端聯調跨域問題，本地開發調整

5. 關閉瀏覽器的跨域檢查開發

     這裡介紹一篇部落格瞭解一下， 部落格地址 https://github.com/zhongxia245/blog/issues/28

     說明一下遇到的一些問題，記得登入，登入之後記得帶上withcredentials。

參考連結

1. Charles 從入門到精通
2. fiddler 快速入門 ， fiddler抓包原理,

歡迎交流～