接口

目录结构

└─ src                          # 项目主文件
   └─ api                       # 接口请求文件夹
      ├─ api.js                 # 首页与影视相关接口
      ├─ movie.js               # 影视接口
      ├─ actor.js               # 影人接口
      ├─ role.js                # 角色接口
      ├─ award.js               # 奖项接口
      ├─ article.js             # 文章资讯接口
      ├─ review.js              # 影评接口
      ├─ common.js              # 通用接口
      ├─ serial.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'),
		}
	}
},