1. 程式人生 > >Vue新手向 知乎日報 by Vue.js

Vue新手向 知乎日報 by Vue.js

第一次使用vue,希望對vue感興趣的同學有所幫助

知乎日報 vuejs

簡介

zhihu-daily-byVuejs 是用vue.js vue-router node.js 開發的知乎日報 採用了vue-cliwebpack進行打包

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

之後

我會完善獲取更多訊息,分類評論及解決圖片問題

截圖

圖片一

圖片二

License

MIT