# VUE父组件——子组件相互传值

:::note{title="注"}
父传子：在子组件中定义`props`(驼峰式)，在父组件对应的标签中添加对应的`:子组件中props对应的值`动态属性（横杠式）
子传父：在子组件中使用`this.$emit('标签中@后面的名称', 需要传的值)`，在父组件对应的标签中添加对应的`@子组件调用的名称`事件
:::



## 父组件向子组件传值

- 父组件
    ```xml
    <sku :sku-data="ruleForm.skuData" />
    ```
- 子组件
    ```javascript
    props: {
      skuData: { type: Array, default: null }
    },
    ```

    :::tip{title="提示"}
    如果子组件没有用v-if控制显隐，子组件可能会存在异步数据不显示问题，此时可以使用watch进行侦听
    例如：
    ```javascript
    watch: {
        skuData: {
          handler(val) {
            if (val.length > 0) {
              // 要进行的处理
            }
          },
          immediate: true
        },
    }
    ```
    :::

## 子组件向父组件传值

- 子组件
    ```javascript
    this.$emit('changeData', this.ruleForm.connectorSkuList)
    ```
- 父组件
    ```xml
    <sku @changeData="changeSku" />
    ```
    ```javascript
    changeSku(skuData) {
      this.ruleForm.skuData = skuData
    },
    ```

VUE父组件——子组件相互传值

# <center>docker部署logstash</center>

> 前置操作
> 开放端口，例如：25044

## 创建文件夹

* 创建logstash相关文件夹，例如：`/data/logstash`

    ```shell
    mkdir -p /data/logstash
    ```



## 创建docker容器启动脚本

1. 创建`logstash.sh`文件，并授权可执行权限

    ```shell
    touch /data/logstash/logstash.sh
    chmod 770 /data/logstash/logstash.sh
    vim /data/logstash/logstash.sh
    ```

2. `logstash.sh`文件在编辑模式下，添加以下内容

    ```shell
    #!/bin/bash
    
    # 停止旧容器运行
    docker stop logstash
    # 删除旧容器
    docker rm logstash
    docker run -itd \
    --privileged=true \
    -v /data/logstash/data:/usr/share/logstash/data \
    -p 25044:5044 \
    --name logstash \
    --restart=always \
    logstash:7.17.5
    
    # 将容器配置文件拷贝到宿主机
    docker cp logstash:/usr/share/logstash/config /data/logstash
    docker cp logstash:/usr/share/logstash/pipeline /data/logstash
    exit 0
    ```

3. 运行脚本启动容器
    ```shell
    /data/logstash/logstash.sh
    ```

4. 文件夹递归授权
    ```shell
    chmod -R 770 /data/logstash
    ```

5. 进入/data/logstash/config文件夹修改配置文件`logstash.yml`，内容如下

    ```yaml
    http.host: "0.0.0.0"
    # 开启用户认证
    xpack.monitoring.enabled: true
    # es访问地址
    xpack.monitoring.elasticsearch.hosts: [ "elasticsearch数据访问的ip+port" ]
    # es账号
    xpack.monitoring.elasticsearch.username: "elastic"
    # es密码
    xpack.monitoring.elasticsearch.password: "elastic对应的密码"
    ```

6. 进入/data/logstash/pipeline文件夹下，修改`logstash.conf`文件，内容如下
    ```shell
    input {
        tcp {
            mode => "server"
            host => "0.0.0.0"
            port => 5044
            codec => json_lines
        }
    }
        
    output {
        elasticsearch {
            hosts => ["elasticsearch数据访问的ip+port"]
            index => "connector"
            user => "elastic"
            password => "elastic对应的密码"
        }
        stdout {
            codec => rubydebug
        }
    }
    ```

7. 再次修改`elasticsearch.sh`文件，修改后的内容如下，再次执行脚本

    ```shell
    #!/bin/bash
    
    # 停止旧容器运行
    docker stop logstash
    # 删除旧容器
    docker rm logstash
    docker run -itd \
    --privileged=true \
    -v /data/logstash/data:/usr/share/logstash/data \
    -v /data/logstash/config:/usr/share/logstash/config \
    -v /data/logstash/pipeline:/usr/share/logstash/pipeline \
    -p 25044:5044 \
    --name logstash \
    --restart=always \
    logstash:7.17.5
    
    exit 0
    ```

> *注*：容器默认jvm为1G，若需要修改则进入`/data/logstash/config`文件夹修改`jvm.options`文件
>
> ```shell
> -Xms256m
> -Xmx256m
> ```

ELK之Logstash

# <center>docker部署kibana</center>

> 前置操作
> 开放端口，例如：25601

## 创建文件夹

* 创建kibana相关文件夹，例如：`/data/kibana`

    ```shell
    mkdir -p /data/kibana
    ```



## 创建docker容器启动脚本

1. 创建`kibana.sh`文件，并授权可执行权限

    ```shell
    touch /data/kibana/kibana.sh
    chmod 770 /data/kibana/kibana.sh
    ```

2. 修改`kibana.sh`文件，内容如下
    - 打开文件
      ```shell
      vim /data/kibana/kibana.sh
      ```
    - 添加一下内容
      ```shell
      #!/bin/bash
      
      # 停止旧容器运行
      docker stop kibana
      # 删除旧容器
      docker rm kibana
      docker run -itd \
      --privileged=true \
      -p 25601:5601 \
      -e ELASTICSEARCH_HOSTS="elasticsearch数据访问的ip+port" \
      -v /data/kibana/data:/usr/share/kibana/data \
      -v /data/kibana/plugins:/usr/share/kibana/plugins \
      --name kibana \
      --restart=always \
      kibana:7.17.5
      
      # 将容器配置文件拷贝到宿主机
      docker cp kibana:/usr/share/kibana/config /data/kibana
      exit 0
      ```
    - 非编辑模式打出`:wq`，按`Enter键`保存并退出
   > 注：此处使用内网连接es

3. 运行脚本启动容器
    ```shell
    /data/kibana/kibana.sh
    ```

4. 文件夹递归授权
    ```shell
    chmod -R 770 /data/kibana
    ```

5. 修改从容器中拷贝的配置文件`kibana.yml`，并添加以下内容

    ```yaml
    # 新增以下配置
    # es账号
    elasticsearch.username: "elastic"
    # es密码
    elasticsearch.password: "elastic账号对应的密码"
    # 管理平台使用中文
    i18n.locale: "zh-CN"
    ```

6. 再次修改`kibana.sh`文件，修改后的内容如下，再次运行脚本

    ```shell
    #!/bin/bash
    
    # 停止旧容器运行
    docker stop kibana
    # 删除旧容器
    docker rm kibana
    docker run -itd \
    --privileged=true \
    -p 25601:5601 \
    -e ELASTICSEARCH_HOSTS="http://10.0.20.8:29200" \
    -v /data/kibana/data:/usr/share/kibana/data \
    -v /data/kibana/config:/usr/share/kibana/config \
    -v /data/kibana/plugins:/usr/share/kibana/plugins \
    --name kibana \
    --restart=always \
    kibana:7.17.5
    
    exit 0
    ```

ELK之Kibana

# <center>docker部署elasticsearch</center>

> 前置操作
> 开放端口，例如：29200

## 创建文件夹

* 创建es相关文件夹，例如：`/data/elasticsearch`

    ```shell
    mkdir -p /data/elasticsearch
    ```



## 创建docker容器运行脚本

1. 创建文件、添加脚本并授权可执行权限

    - 创建`elasticsearch.sh`文件
      ```shell
      vim /data/elasticsearch/elasticsearch.sh
      # 切换到英文输入法，按i键或insert键进入编辑模式
      ```
    - 添加脚本，内容如下
      ```shell
      #!/bin/bash 
      # 停止旧容器运行
      docker stop elasticsearch
      # 删除旧容器
      docker rm elasticsearch
      docker run -itd \
      --privileged=true \
      -p 29200:9200 \
      -e ES_JAVA_OPTS="-Xms256m -Xmx256m" \
      -e "TAKE_FILE_OWNERSHIP=true" \
      -e "discovery.type=single-node" \
      -v /data/elasticsearch/data:/usr/share/elasticsearch/data \
      -v /data/elasticsearch/logs:/usr/share/elasticsearch/logs \
      -v /data/elasticsearch/plugins:/usr/share/elasticsearch/plugins \
      --name elasticsearch \
      --restart=always \
      elasticsearch:7.17.5
      
      # 将容器配置文件拷贝到宿主机
      docker cp elasticsearch:/usr/share/elasticsearch/config /data/elasticsearch
      exit 0
      ```
    - 保存文件内容，并退出编辑模式：切换到英文输入法，按ESC键退出编辑模式，在非编辑模式打出`:wq`，最后按`Enter键`退出
    - 对文件进行可执行权限授权
      ```shell
      chmod -R 770 /data/elasticsearch/elasticsearch.sh
      ```

2. 执行脚本
    ```shell
    /data/elasticsearch/elasticsearch.sh
    ```

   > *注*：
   > - -e ES_JAVA_OPTS="-Xms256m -Xmx256m"表示设置运行es的jvm初始内存大小为256M，最大运行内存为512M
   > - -e "TAKE_FILE_OWNERSHIP=true"表示访问组1000和访问用户1000，相当于：`chown -R 1000:1000 文件夹或文件`
   > - -e "discovery.type=single-node"表示单节点部署
   > - 此时没有配置文件相关映射

3. 进入文件夹`/data/elasticsearch/config`修改文件`elasticsearch.yml`，并添加以下内容

    ```yaml
    # 新增配置
    http.cors.enabled: true
    http.cors.allow-origin: "*"
    http.cors.allow-headers: Authorization
    xpack.security.enabled: true
    xpack.security.transport.ssl.enabled: true
    ```

4. 再次修改`elasticsearch.sh`文件，内容如下，并执行文件

    ```shell
    #!/bin/bash
    
    # 停止旧容器运行
    docker stop elasticsearch
    # 删除旧容器
    docker rm elasticsearch
    docker run -itd \
    --privileged=true \
    -p 29200:9200 \
    -e ES_JAVA_OPTS="-Xms256m -Xmx256m" \
    -e "TAKE_FILE_OWNERSHIP=true" \
    -e "discovery.type=single-node" \
    -v /data/elasticsearch/config:/usr/share/elasticsearch/config \
    -v /data/elasticsearch/data:/usr/share/elasticsearch/data \
    -v /data/elasticsearch/logs:/usr/share/elasticsearch/logs \
    -v /data/elasticsearch/plugins:/usr/share/elasticsearch/plugins \
    --name elasticsearch \
    --restart=always \
    elasticsearch:7.17.5
    
    exit 0
    ```

5. 进入容器

    ```shell
    docker exec -it elasticsearch bash
    ```

6. 在容器内部执行以下命令，为elastic、apm_system、kibana、logstash_system、beats_system、remote_monitoring_user六个账号设置密码

    ```shell
    ./bin/elasticsearch-setup-passwords interactive
    ```

   > **注**：执行完命令根据提示为每个账号输入并再次确认密码

7. 在容器内部执行下面命令退出容器
    ```shell
    exit
    ```

ELK之Elasticsearch

# post请求重定向get请求
## 场景问题描述
服务A通过远程调用服务B的post类型接口，实际确实使用了post请求但是依旧报get请求不支持异常



## 问题解决
1. 一开始服务A和服务B都是用默认的http协议，请求正常
2. 后台服务B后端加入了https证书
3. 此时使用http请求post类型接口会返回301重定向状态码，并重新以get方式请求但原请求并不支持get类型请求所以报除了get请求不支持的异常
4. 后面http协议替换为https协议后，就没有重定向问题