vue-reader
一点阅读器！API源自追书神器，免费使用！目前已初步开发完成！
Github项目地址:https://github.com/AntonySufer/vue-readle
欢迎issue，pr，star or follow！
推荐一个之前用Vue 文章类阅读写的 一点阅读
微信小程序 一点文章 已上线，可以再微信搜索 一点文章体验
在线体验地址
点击这里体验(服务器太low，渲染慢)
部分效果截图
一点阅读器优势
| 一点阅读器 | 追书神器 | |
|---|---|---|
| 收费 | 免费 | 部分章节免费,其余收费 |
| 广告 | 绿色无广告 | 定时刷广告 |
| 体积 | 4MB | 16.2MB |
| 章节大小 | 每章5kb左右 | 掺杂广告，大于5kb |
使用
git clone https://github.com/AntonySufer/vue-readle.git
cd vue-readle
npm install
# 开发环境
npm run dev
访问 http://localhost:8888/
# 打包
npm run build
实现功能
- 小说搜索
- 小说详情
- 小说换源
- 小说阅读
- 阅读字体大小变化
- 阅读背景色变化
- 阅读设置本地缓存
- 阅读进度本地缓存
- 搜索历史本地缓存
每次进入首页自动刷新最新章节列表
一些注意事项
项目中使用追书神器的接口，需要使用http-proxy-middleware进行转发，开发环境下需要在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
}
}
实际环境中，服务器端配置
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！