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

vue-reader

一点浏览器!API源自追书神器,免费运用!现在已开端开辟完成!

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

迎接issueprstar or follow

引荐一个之前用Vue 文章类浏览写的 一点浏览

微信小顺序 一点文章 已上线,能够再微信搜刮 一点文章体验

在线体验地点

点击这里体验(服务器太low,衬着慢)

部份结果截图

《vue仿追书神器,vue小说项目源码》

一点浏览器上风

一点浏览器追书神器
收费免费部份章节免费,其他收费
广告绿色无广告定时刷广告
体积4MB16.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
}
));

支撑

迎接issueprstar or follow

你能够在这里打赏我

    原文作者:yidian
    原文地址: https://segmentfault.com/a/1190000015935803
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞