Vue解决Warning: [antd: LocaleProvider] `LocaleProvider` is deprecated...

【记录一下】vue-cli 老项目 使用 [Ant Design of Vue] 中的 LocaleProvider 国际化组件时报错。报错内容及版本如下：

【一】：

版本信息：

"vue": "^2.6.10",
"ant-design-vue": "^1.3.13",
"@vue/cli-plugin-babel": "^3.9.0",
"@vue/cli-plugin-eslint": "^3.9.0",
"@vue/cli-service": "^3.9.0",
"@vue/eslint-config-airbnb": "^4.0.0",

前台代码：

<template>
    <a-locale-provider :locale="locale">
    <div id="app">
        <div class="sky"><Nav /></div>
        <router-view></router-view>
    </div>
    </a-locale-provider>
</template>

<script>
import Vue from 'vue';
import Antd from 'ant-design-vue';
import Nav from './components/Nav';
import {mapState} from 'vuex';
Vue.use(Antd);
export default {...}

【二】：

版本信息：

"vue": "^2.6.11",
"ant-design-vue": "^1.7.5",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",

前台代码：

同上

【解决方法】（两种情况的解决方法相同） 重点就是将 <a-locale-provider> 标签替换为 <a-config-provider>

<template>
    <a-config-provider :locale="locale">
    <div id="app">
        <div class="sky"><Nav /></div>
        <router-view></router-view>
    </div>
    </a-config-provider>
</template>