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
完成功用
- [x] 小说搜刮
- [x] 小说概况
- [x] 小说换源
- [x] 小说浏览
- [x] 浏览字体大小变化
- [x] 浏览背景色变化
- [x] 浏览设置当地缓存
- [x] 浏览进度当地缓存
- [x] 搜刮汗青当地缓存
每次进入首页自动革新最新章节列表
一些注意事项
项目中运用追书神器的接口,须要运用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
!