小说阅读器未能连接服务器怎么办,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: './'

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

截图

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

7fa6ef892fdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片发自简书App

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值