从零开始，手打一个权限管理系统（第十七章适配前端和添加新服务）

最新推荐文章于 2024-10-15 15:24:52 发布

.阿咕噜.

最新推荐文章于 2024-10-15 15:24:52 发布

阅读量101

点赞数

文章标签：前端 java 分布式

本文链接：https://blog.csdn.net/ailot/article/details/131126782

版权

文章讲述了如何修改前端登录和退出接口的地址，添加前端代码的代理配置，并演示了如何通过SpringCloud接入新服务和新数据库，包括创建service-demo.yml配置文件，配置数据源，并在Nacos中进行管理。

摘要由CSDN通过智能技术生成

第十七章适配前端和添加新服务

前言

这一章很简单，就是将我们分布式的服务接口跟之前的前端代码做适配，使其能够正常访问；再就是添加一个新的服务和新的数据库，使其能够正常访问。

一、前端代码修改

修改登录和退出接口地址的前缀

export function login(data: LoginData): Promise<string> {
  return axios.post('/auth/login', {}, { params: data });
}

export function logout() {
  return axios.post('/auth/logout');
}

开发环境再加一个auth的代理

proxy: {
        '/auth': {
          target: loadEnv('development', '.').VITE_PROXY,
          rewrite: (path: string) => path.replace(/^\/auth/, '/auth'),
          configure: (server) =>
            // 拦截请求 打印地址。方便辨认重定向后的地址是否正确 没有端口信息
            server.on('proxyReq', (req: any) =>
              console.log(`${req.host}${req.path}`)
            ),
        },
        '/upms': {
          target: loadEnv('development', '.').VITE_PROXY,
          rewrite: (path: string) => path.replace(/^\/upms/, '/upms'),
          configure: (server) =>
            // 拦截请求 打印地址。方便辨认重定向后的地址是否正确 没有端口信息
            server.on('proxyReq', (req: any) =>
              console.log(`${req.host}${req.path}`)
            ),
        },
      },

测试是可以正常访问的

在这里插入图片描述

二、添加新服务

这个主要用来介绍如何做自定义开发，比如接入新的业务。

新增一个demo的服务，然后新加一个demo的数据库，最小pom配置文件如下：

    <dependencies>
        <!--注册中心客户端-->
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
        </dependency>
        <!--配置中心客户端-->
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
        </dependency>
        <!--web 模块-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>com.ailot</groupId>
            <artifactId>base-common</artifactId>
        </dependency>
        <dependency>
            <groupId>com.ailot</groupId>
            <artifactId>base-data</artifactId>
        </dependency>
    </dependencies>

在nacos新增名为service-demo.yml的配置文件


# 数据源
spring:
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    druid:
      driver-class-name: com.mysql.cj.jdbc.Driver
      username: root
      password: root
      url: jdbc:mysql://base-mysql:3306/demo?characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8&allowMultiQueries=true&allowPublicKeyRetrieval=true
# Logger Config sql日志
logging:
  level:
    com.ailot.cloud.demo.mapper: debug