admin 管理员组

文章数量: 1086866

vue仿追书神器，vue小说项目源码

vue-reader

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

Github项目地址:

欢迎issue，pr，star or follow！

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

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

在线体验地址

点击这里体验(服务器太low，渲染慢)

部分效果截图

一点阅读器优势

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

使用

git clone .gitcd vue-readlenpm install# 开发环境
npm run dev
访问 http://localhost:8888/# 打包
npm run build

实现功能

  • [x] 小说搜索
  • [x] 小说详情
  • [x] 小说换源
  • [x] 小说阅读
  • [x] 阅读字体大小变化
  • [x] 阅读背景色变化
  • [x] 阅读设置本地缓存
  • [x] 阅读进度本地缓存
  • [x] 搜索历史本地缓存

每次进入首页自动刷新最新章节列表

一些注意事项

项目中使用追书神器的接口，需要使用http-proxy-middleware进行转发，开发环境下需要在cfg/base.js中的dev中添加下列配置即可

proxy: {'/api': {target: '/',pathRewrite: {'^/api' : '/'},changeOrigin: true},'/chapter': {target: '/',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: '/',pathRewrite: {'^/api' : '/'},changeOrigin: true
}
));app.use('/chapter', proxy({target: '/',pathRewrite: {'^/chapter' : '/chapter'},changeOrigin: true
}
));

支持

欢迎issue，pr，star or follow！

你可以在这里打赏我

本文标签： vue仿追书神器，vue小说项目源码

版权声明：本文标题：vue仿追书神器，vue小说项目源码 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1693588055a230895.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。