vue-fiction

在线预览

由于目前只支持指定账号登录(没有使用数据库)，所以没有更新到服务器，需自己clone下来运行看效果。（本人对后端业务了解比较少，可能存在问题。后期会努力提升）

项目演示地址：仿小说网WebApp。(纯属个人练手，巩固知识，无其他用途)

项目源码地址：vue-fiction。觉得还可以的话给个star 在这先谢谢了~

Build Setup

客户端

# 下载或克隆下来，然后安装依赖
yarn or npm install

# 开发预览
yarn or npm serve

# 打包发布，生成的文件在dist文件夹中
yarn or npm build

服务端

# 提取server文件夹,安装依赖
yarn or npm install

# 运行
node app.js

接口请求的变量修改

开发环境

# .env.development文件
VUE_APP_BASEURL="url"

生产环境

# .env.production文件
VUE_APP_BASEURL="url"

更新

添加登录模块、点赞和收藏，目前只支持现有账号的登录，后期添加注册模块

账号：123456
密码：123456

项目部分结构

|-- fiction
    |-- .env.development 开发环境变量
    |-- .env.production 生成环境变量
    |-- .gitignore
    |-- babel.config.js
    |-- tsconfig.json
    |-- package.json
    |-- postcss.config.js
    |-- README.md
    |-- vue.config.js
    |-- yarn.lock
    |-- src
        |-- interface //接口存放
            |-- base.ts
            |-- user.ts
        |-- App.vue
        |-- main.ts
        |-- assets
        |-- components
        |-- request 请求设置
        |-- router  路由
        |-- store
        |   |-- getter.ts
        |   |-- index.ts
        |   |-- module
        |       |-- common
        |       |-- rank
        |-- utils
        |   |-- navBar.ts
        |   |-- vw.css

预览

最后

要是感兴趣的话，可以自行看代码，大部分内容还是比较简单的，有问题的话欢迎提出了一起讨论

Build Setup

客户端

# 下载或克隆下来，然后安装依赖
yarn or npm install

# 开发预览
yarn or npm serve

# 打包发布，生成的文件在dist文件夹中
yarn or npm build

服务端

# 提取server文件夹,安装依赖
yarn or npm install

# 运行
node app.js