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

暑假实习了几个月辞职后,闲着无聊自己开发的一个vue小说阅读器链接 预览地址,里面的小说接口调用的是追书神器,然后我把里面的vip和收费章节做了处理加了个换源功能,里面需要收费或者vip的小说都可以免费看,此项目不做商用仅供学习无需登录无广告。项目源码我已经上传到github,源码地址 

觉得可以的话点个star共同进步~^_^~

技术栈

vue vue-cli3 vue-router vuex es6 webpack axios sass mint-ui  javaScript


由于目前是实习生缺少一些经验代码分格可能适合一些初学者 所以此项目很适合初学者和一些项目经验少的同学学习

项目一些问题解决

第三方接口跨域在本地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配置

location /api

{

    rewrite  ^.+api/?(.*)$ /$1 break;

    include  uwsgi_params;

    proxy_pass http://api.zhuishushenqi.com/;

}

location /content

{

    proxy_pass http://chapter2.zhuishushenqi.com/;

}

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

baseUrl: './'

项目中关于书架使用的是缓存

截图

图片发自App


图片发自App


图片发自App


图片发自App


图片发自App


图片发自App
图片发自App

你可能感兴趣的:(vue移动端小说阅读器vue全家桶项目,已部署到服务器可访问预览)