https://github.com/bartflyian/wx-front-with-server/tree/master/wx-webfront 客戶端文件夾代碼地址曼振。
一吐句,分一個客戶端的文件夾出來。用vue-cli初始化一個vue項目讯泣。自己添加vue.config.js,安裝配置axios,配置前端代理
1.簡單的在app.vue中寫寫樣式和組件。主要來看看訪問接口:
運行客戶端阅悍,npm start,最后效果:
二好渠,在這里又試了下在node服務器端的接口轉發(fā)。添加 /comments 接口 节视,當客戶端訪問接口時拳锚,在服務器端下訪問網(wǎng)易公共接口诅岩,獲取數(shù)據(jù)后可以進行數(shù)據(jù)的處理脐瑰,再返回給客戶端。這種方式在一些需要前端進行大量邏輯計算時静袖,能大大減輕前端的負載寡痰,也容易進行接口的合并抗楔。
具體代碼看看git上的代碼吧