vue-reader

一點(diǎn)閱讀器！API源自追書(shū)神器，免費(fèi)使用！

Github項(xiàng)目地址:https://github.com/AntonySufer/vue-readle

歡迎issue，pr，star or follow！

推薦一個(gè)之前用Vue 文章類閱讀寫的 一點(diǎn)閱讀

微信小程序 一點(diǎn)文章 已上線，可以再微信搜索 一點(diǎn)文章體驗(yàn)

在線體驗(yàn)地址

點(diǎn)擊這里體驗(yàn)(服務(wù)器太low，渲染慢)

部分效果截圖

exp11 (1).gif

exp12 (1).gif

一點(diǎn)閱讀器優(yōu)勢(shì)

使用

git clone https://github.com/AntonySufer/vue-readle.git

cd vue-readle

npm install

# 開(kāi)發(fā)環(huán)境
npm run dev 
訪問(wèn) http://localhost:8888/

# 打包
npm run build

實(shí)現(xiàn)功能

• [x] 小說(shuō)搜索
• [x] 小說(shuō)詳情
• [x] 小說(shuō)換源
• [x] 小說(shuō)閱讀
• [x] 閱讀字體大小變化
• [x] 閱讀背景色變化
• [x] 閱讀設(shè)置本地緩存
• [x] 閱讀進(jìn)度本地緩存
• [x] 搜索歷史本地緩存

每次進(jìn)入首頁(yè)自動(dòng)刷新最新章節(jié)列表

一些注意事項(xiàng)

項(xiàng)目中使用追書(shū)神器的接口，需要使用http-proxy-middleware進(jìn)行轉(zhuǎn)發(fā)，開(kāi)發(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
  }
}

實(shí)際環(huán)境中，服務(wù)器端配置

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！

你可以在這里打賞我