Vue新手向 知乎日報 by Vue.js
阿新 • • 發佈:2019-01-05
第一次使用vue,希望對vue感興趣的同學有所幫助
知乎日報 vuejs
簡介
zhihu-daily-byVuejs 是用vue.js vue-router node.js 開發的知乎日報 採用了vue-cli 和 webpack進行打包
Github
功能包括
- 檢視最新訊息
- 檢視主題列表
- 檢視主題內容
- 檢視文章詳情
API
api來源於 izzyleung 並使用node.js進行二次封裝, 介面說明 專案靈感來源於 hilongjw 不同之處是我沒有使用vuex
注 node.js伺服器監聽的是8088介面 我這裡用了nginx來反向代理 匹配規則是 ~ ^\/tiny-
當然,你也使用我Demo提供的介面(支援cors跨域) 但是我不建議你這樣做,因為demo所在伺服器頻寬非常低
圖片會提示圖片只允許在知乎使用 我目前沒有好的解決方式,若直接使用api返回的圖片地址,知乎會直接返回403
,我這裡使用了node來代理更改referer頭獲取圖片,但是使用一會兒後就不行了,準備採用iframe巢狀訪問圖片當然,有好的解決盜鏈的方法可以教教我。
Demo
Demo地址 建議使用手機檢視或者F12 DevTool 手機模式 僅供測試
使用
node app.js
npm install
npm start //webpack-dev-server