%20(2).svg)
项目简介
本项目是基于Vue.js框架和Material Design风格构建的电影展示系统。它重构了豆瓣电影的部分功能，能够展示正在上映、即将上映的电影信息，同时提供电影搜索和详情查看功能。项目运用Vuex进行状态管理，借助豆瓣API获取实时电影数据。
项目的主要特性和功能
- Vue.js框架：用于前端开发，支持组件化开发，便于项目维护与扩展。
- Material Design风格：采用该设计风格，借助Muse - UI库实现美观且响应式的用户界面。
- Vuex状态管理：实现全局状态管理，保证数据的一致性和可预测性。
- API请求转发：通过配置代理解决跨域问题，方便从豆瓣API获取电影数据。
- axios库：用于HTTP请求，简化与后端API的交互。
- 响应式设计：支持多种设备屏幕尺寸，提供良好用户体验。
安装使用步骤
复制项目
使用以下命令将项目复制到本地：
bash
git clone [项目仓库地址]
安装依赖
进入项目目录，安装所需的依赖包：
bash
cd Vdo
npm install
启动项目
使用以下命令启动开发服务器，项目将在localhost:8080运行：
bash
npm run dev
配置API请求
在./config/index.js中配置proxyTable，将API请求转发到豆瓣电影API：
javascript
proxyTable: {
'/api': {
target: 'http://api.douban.com/v2',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
构建生产环境
完成开发后，使用以下命令构建生产环境版本：
bash
npm run build
构建完成后，将生成的/dist文件夹中的文件部署到服务器上。
部署到服务器
推荐使用Nginx进行服务器部署。将构建后的文件复制到服务器目录，并配置Nginx以提供服务。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】