一点小说阅读vue项目源码

发表于

vue-reader

一点阅读器！API源自追书神器，免费使用！目前已初步开发完成！

Github项目地址:https://github.com/AntonySufer/vue-readle

欢迎issue，pr，star or follow！

推荐一个之前用Vue 文章类阅读写的 一点阅读

微信小程序 一点文章 已上线，可以再微信搜索 一点文章体验

在线体验地址

点击这里体验

部分效果截图

项目示例图片



## 一点阅读器优势

| 分类 | 一点阅读器 | 追书神器|
|—–|———–|———-|
|收费 | 免费 |部分章节免费,其余收费|
|广告 |绿色无广告 | 定时刷广告|
|体积 | 4MB | 16.2MB |
|章节大小| 每章5kb左右 | 掺杂广告，大于5kb|


## 使用
1
2
3
4
5
6
7
8
9
10
11
12
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中添加下列配置即可

1
2
3
4
5
6
7
8
9
10
11
12
proxy: {
  '/api': {
    target: 'http://api.zhuishushenqi.com/',
    pathRewrite: {'^/api' : '/'},
    changeOrigin: true
  },
  '/chapter': {
    target: 'http://chapter2.zhuishushenqi.com/',
    pathRewrite: {'^/chapter' : '/chapter'},
    changeOrigin: true
  }
}

实际环境中，服务器端配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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！

你可以在这里打赏我