前端拿到标准省市区数据

安装china-division

npm install china-division
# 或
yarn add china-division
# 或
pnpm add china-division

前端代码集成

创建cascader-address-options.js

import provinces from 'china-division/dist/provinces.json';
import cities from 'china-division/dist/cities.json';
import areas from 'china-division/dist/areas.json';areas.forEach((area) => {const matchCity = cities.filter(city => city.code === area.cityCode)[0];if (matchCity) {matchCity.children = matchCity.children || [];matchCity.children.push({label: area.name,value: area.code,});}
});cities.forEach((city) => {const matchProvince = provinces.filter(province => province.code === city.provinceCode)[0];if (matchProvince) {matchProvince.children = matchProvince.children || [];matchProvince.children.push({label: city.name,value: city.code,children: city.children,});}
});const options = provinces.map(province => ({label: province.name,value: province.code,children: province.children,
}));export default options;

github代码地址

https://gist.github.com/afc163/7582f35654fd03d5be7009444345ea17#file-cascader-address-options-js

github仓库

https://github.com/modood/Administrative-divisions-of-China