尚硅谷后台管理系统接口配置与登录处理详解

在尚硅谷后台管理系统笔记2中，主要讨论了后端开发中的一些关键知识点，包括API接口设计、基础URL配置、跨域处理以及模块化编程。以下是对这些内容的详细解释： 1. **基础URL配置**： 在`src/utils/request.js`中，创建axios实例时，原本的`baseURL`设置使用了环境变量`VUE_APP_BASE_API`，但在实际操作中，登录接口`http://39.98.123.211:8170/swagger-ui.html`和平台属性接口`http://39.98.123.211:8510/swagger-ui.html`的URL已经发生了变化。因此，开发者需要更新基础URL，将其改为`/'，这意味着所有的请求都将在这个URL的基础上加上具体的请求路径。 2. **模块化的接口设计**： `src/api/user.js`和`src/api/product/attr.js`中，通过引入`request`模块，实现了对登录接口`dev-api/admin/acl/index/login`和获取一级分类数据接口`dev-list/admin/product/getCategory1`的封装。这种做法使得代码更模块化，便于管理和复用，同时也遵循了接口命名的一致性原则，即每个模块的接口都有特定的前缀，如`dev-api`表示与用户相关的，而`dev-list`则可能是与平台属性相关。 3. **跨域处理**： 在`vue.config.js`中的`proxy`配置中，开发者针对不同的接口定义了代理规则。对于涉及用户操作的接口（如登录），设置了目标地址`http://39.98.123.211:8170`，并使用`pathRewrite`选项将`/dev-api`重写为空字符串，这样前端可以通过相对路径来访问。对于其他接口（如品牌相关的），可能也需要类似的配置，但这里没有提供具体信息。 4. **前后端分离架构**： 从代码结构可以看出，项目采用了前后端分离的架构，通过axios进行HTTP请求，这使得前端和后端可以独立开发和部署，提高了开发效率和灵活性。同时，通过基础URL配置和跨域代理，前后端之间的通信得以顺利进行。 总结来说，这篇笔记重点介绍了如何调整后端基础URL、模块化接口设计、跨域配置以及前后端交互的实践技巧，这些都是现代Web开发中不可或缺的技能。理解并掌握这些内容有助于提升开发者的系统集成能力，并确保在实际项目中构建稳定、高效的服务端接口。