接口

目录结构

└─ src                          
   └─ api                       # 接口请求文件夹
      ├─ api.js                 # 
      ├─ actor.js               # 影人接口
      ├─ admin.js               # 管理员接口
      ├─ article.js             # 文章接口
      ├─ award.js               # 奖项接口
      ├─ basic.js               # 基础信息接口
      ├─ comment.js             # 评论接口
      ├─ data.js                # 数据汇总接口
      ├─ log.js                 # 日志接口
      ├─ movie.js               # 影视接口
      ├─ photo.js               # 照片管理接口
      ├─ review.js              # 影评接口
      ├─ role.js                # 角色接口
      ├─ serial.js              # 影视系列接口
      ├─ system.js              # 系统管理
      ├─ union.js               # 影视/影人/角色关联
      ├─ user.js                # 用户接口
      └─ video.js               # 短视频接口

接口示例文件说明

import http from '@/http/index'

// 影视相关接口
export const getMovies = (params) => http.get(`/movies`, params);  // 影视列表
export const getMovie = (id) => http.get(`/movies/${id}`);         // 影视详情

import http from '@/http/index' 引入 axios 封装文件，其中 @ 为 src 目录别名，在 vue.config.js 文件中定义。

configureWebpack: {
    resolve: {
        alias: {
            '@': resolve('src'),
            'images': resolve('src/assets/images'),
        }
    }
},