环境准备

• 后端环境：JDK 1.8+、Maven 3.6+、MySQL 5.7+。
• 前端环境：Node.js 14+、npm 6+。
• 工具：IDEA/Eclipse（后端开发）、VSCode（前端开发）。

后端部署

1. 数据库配置

   • 创建MySQL数据库（如museum_db），导入项目SQL脚本（通常位于/sql目录）。
   • 修改application.yml中的数据库连接信息（用户名、密码、URL）。

2. 项目构建与启动

   • 使用Maven清理并打包项目：

     mvn clean package -DskipTests
     

   • 生成的JAR包位于target/目录，通过以下命令运行：

     java -jar museum-backend-1.0.0.jar
     

   • 默认后端服务运行在http://localhost:8080。

前端部署

1. 依赖安装

   • 进入Vue项目根目录（如museum-frontend），安装依赖：

     npm install
     

2. 配置代理

   • 修改vue.config.js中的proxyTable，确保代理指向后端地址（如http://localhost:8080）。

3. 项目启动

   • 开发环境运行：

     npm run serve
     

   • 生产环境打包：

     npm run build
     

   • 生成的静态文件位于dist/目录，可部署至Nginx或Tomcat。

Nginx配置（可选）

• 将前端dist目录内容放入Nginx的html文件夹。
• 修改nginx.conf，添加反向代理规则：

  server {
      listen       80;
      server_name  your_domain.com;
      location / {
          root   html/dist;
          index  index.html;
      }
      location /api {
          proxy_pass http://localhost:8080;
      }
  }
  

常见问题

• 跨域问题：确保后端配置了@CrossOrigin注解或全局CORS配置。
• 端口冲突：检查application.yml和vue.config.js中的端口设置。
• 依赖缺失：清理Maven/npm缓存后重新安装依赖。

源码结构说明

• 后端：
  • controller/：RESTful API接口。
  • entity/：数据库实体类。
  • service/：业务逻辑层。
• 前端：
  • src/api/：Axios请求封装。
  • src/views/：页面组件。
  • src/router/：Vue路由配置。

通过以上步骤，可完成博物馆资源管理系统的本地部署。生产环境建议使用Docker容器化或云服务器部署。