vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览

暑假实习了几个月辞职后,闲着无聊自己开发的一个vue小说阅读器链接 http://39.96.55.152(由于域名需要备案用的是ip地址),里面的小说接口调用的是追书神器,然后我把里面的vip和收费章节做了处理加了个换源功能,里面需要收费或者vip的小说都可以免费看,此项目不做商用仅供学习无需登录无广告。项目源码我已经上传到github,https://github.com/zgsnbtl/vu… 想看源码搜索以下链接 觉得可以的话点个star共同进步~^_^~
技术栈
vue vue-cli3 vue-router vuex es6 webpack axios sass mint-ui javaScript

由于目前是实习生缺少一些经验代码分格可能适合一些初学者 所以此项目很适合初学者和一些项目经验少的同学学习
后续会在github更新一些难点和思路

项目一些问题解决
第三方接口跨域在本地vue-cli3脚手架中的vue.config.js中配置如下代码
devServer: {

disableHostCheck: true,
proxy: {
  '/api': {
    target: 'http://www.api.zhuishushenqi.com',
    ws: true,
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  },
  '/content': {
    target: 'http://chapter2.zhuishushenqi.com',
    changeOrigin: true,
    ws: true,
    pathRewrite: {
      '^/content': ''
    }
  }
}

}

部署服务器使用nginx代理即可

打包后路径问题vue.config.js中配置

baseUrl: ‘./’
项目中关于书架使用的是缓存
截图
《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》

《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》

《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》

《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》
《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》
《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》
《vue小说移动端阅读器vue全家桶项目,已部署到服务器可访问预览》

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