vue-reader
一點閱讀器！API源自追書神器拼岳，免費使用枝誊！
Github項目地址:https://github.com/AntonySufer/vue-readle
歡迎issue，pr惜纸，star or follow叶撒！
推薦一個之前用Vue 文章類閱讀寫的 一點閱讀
微信小程序 一點文章 已上線古瓤，可以再微信搜索 一點文章體驗
在線體驗地址
點擊這里體驗(服務器太low，渲染慢)
部分效果截圖
exp11 (1).gif
exp12 (1).gif
一點閱讀器優(yōu)勢
| 一點閱讀器 | 追書神器 | |
|---|---|---|
| 收費 | 免費 | 部分章節(jié)免費,其余收費 |
| 廣告 | 綠色無廣告 | 定時刷廣告 |
| 體積 | 4MB | 16.2MB |
| 章節(jié)大小 | 每章5kb左右 | 摻雜廣告魔市，大于5kb |
使用
git clone https://github.com/AntonySufer/vue-readle.git
cd vue-readle
npm install
# 開發(fā)環(huán)境
npm run dev
訪問 http://localhost:8888/
# 打包
npm run build
實現功能
- [x] 小說搜索
- [x] 小說詳情
- [x] 小說換源
- [x] 小說閱讀
- [x] 閱讀字體大小變化
- [x] 閱讀背景色變化
- [x] 閱讀設置本地緩存
- [x] 閱讀進度本地緩存
- [x] 搜索歷史本地緩存
每次進入首頁自動刷新最新章節(jié)列表
一些注意事項
項目中使用追書神器的接口，需要使用http-proxy-middleware進行轉發(fā)橡庞，開發(fā)環(huán)境下需要在cfg/base.js中的dev中添加下列配置即可
proxy: {
'/api': {
target: 'http://api.zhuishushenqi.com/',
pathRewrite: {'^/api' : '/'},
changeOrigin: true
},
'/chapter': {
target: 'http://chapter2.zhuishushenqi.com/',
pathRewrite: {'^/chapter' : '/chapter'},
changeOrigin: true
}
}
實際環(huán)境中吧趣，服務器端配置
var express = require('express');
var proxy = require('http-proxy-middleware');
var app = express();
app.use('/static', express.static('static'));
app.use('/assets', express.static('assets'));
app.use('/api', proxy({
target: 'http://api.zhuishushenqi.com/',
pathRewrite: {'^/api' : '/'},
changeOrigin: true
}
));
app.use('/chapter', proxy({
target: 'http://chapter2.zhuishushenqi.com/',
pathRewrite: {'^/chapter' : '/chapter'},
changeOrigin: true
}
));
支持
歡迎issue俯渤，pr，star or follow！
