分類頁html
文章頁 & 用戶頁vue
懶加載ios
移動端nginx
路由git
首頁默認顯示最新的帖子github
結構vuex
目錄是cmd生成的(稍微進行了一下修改,默認的太難看了) tree /f >tree.txtnpm
├─components
│ Topic.vue // 某一分類下的文章或某個用戶的所有文章
│ TopicList.vue // 所有分類
├─router
│ index.js // 路由
├─store
│ state.js // 存放API地址和最近一次請求的文章和評論
│ getters.js // 讀取state的值
│ mutations.js // 存儲懶加載
│ actions.js // 存儲異步請求
│ index.js // Vuex
├─ App.vue // 主頁面
├─ main.js // Vue主文件axios
項目兼容IE9+,使用項目前,請確保安裝好了NodeJS。api
git clone https://github.com/bergwhite/v2ex-vue.git // 克隆項目 cd v2ex-vue // 進入項目目錄 npm install // 安裝依賴 npm run dev // 運行項目
本地開發中,經過配置代理表實現跨域。
config/index.js ------------------- proxyTable: { '/api': { target: 'https://www.v2ex.com', changeOrigin: true, pathRewrite: { '^/api': '/api' } } }
直接引入Vuex沒法在IE中顯示,須要引入babel-polyfill。
npm install babel-polyfill --save-dev // 安裝babel-polyfill src/main.js --------------- import 'babel-polyfill' // 在vue主文件中導入
經過配置Nginx反向代理實現跨域。因爲是代理HTTPS,因此你須要生成SSL證書。
/etc/nginx/nginx.conf ------------------------------ http { server { listen 80; listen 443; server_name www.v2ex.com; ssl on; ssl_certificate /etc/nginx/ssl/nginx.crt; ssl_certificate_key /etc/nginx/ssl/nginx.key; location / { root /usr/share/nginx/html; index index.html; } location /api/ { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass https://www.v2ex.com/api/; } } }
PS:正在找工做,北京有坑的歡迎聯繫