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

小说阅读器未能连接服务器怎么办,vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览...相关推荐

Vue.js-Day09【项目实战(附带完整项目源码)-day04：用户个人中心页面、用户登录页面、将项目打包部署到服务器上、项目汇报、实训心得】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
Vue全家桶-项目实战笔记
写在前面这是我跟着黑马程序员的Vue全家桶-项目实战教程写的一篇笔记,主要记录思路,内容不完整,这里只写到了用户列表管理,进来的友友们可以根据目录,看是否有自己需要的功能这篇笔记记录的是基础vue ...
vue项目打包部署-----解决打包后访问资源失败问题
vue项目打包部署-----解决打包后访问资源失败问题参考文章: (1)vue项目打包部署-----解决打包后访问资源失败问题 (2)https://www.cnblogs.com/ycsc/p/1 ...
如何让你的本地上的项目不用部署到服务器也能让外网看到？使用ngrok内网穿透实现
目录前言一.准备工作二.安装ngrok运行环境 (liunx) 三.安装ngrok (liunx) 四.配置ngrok (liunx) 五.生成客户端和服务端并运行ngrok (liunx) 六 ...
VUE全家桶项目实战-- 4.后台首页布局
VUE全家桶项目实战-- 4.后台首页布局一.页面布局二.创建Home组件三.路由index.js 文件配置主页路径四.添加welcome组件一.页面布局 <el-container& ...
从头到尾创建一个vue全家桶项目
一.vue全家桶有哪些全家桶:vue, vue-router, vuex, axios, elementui vue-router: 路由 vuex: vue状态机 axios: 网络请求工具 el ...
vue项目打包部署到服务器上后页面404问题
vue路由配置: const router = new VueRouter({base: process.env.BASE_URL,//hash模式下部署到服务器访问没问题,history就不行,需要 ...
vue项目打包部署到服务器,Vue项目打包部署到apache服务器的方法步骤
vue项目在开发环境下,让项目运行起来,是通过npm run dev命令,原理是在本地搭建了一个express服务器. 但是在服务器上就不是这样的,必须要通npm run build命令来对整个项目进 ...
前端项目如何部署到服务器实现网址访问
目录前言需要用到的东西购买云服务器和域名绑定域名使用Xshell连接云服务器下载Nginx 安装nginx 配置nginx 启动nginx 传输文件配置防火墙卸载自带的防火墙安装ip ...

小说阅读器未能连接服务器怎么办,vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览...

小说阅读器未能连接服务器怎么办,vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览...相关推荐

最新文章

热门文章