Vue爬取统计局数据+存成csv+绘制echarts3.0树形图

1.获取数据和生成csv参考了文章https://www.cnblogs.com/xiangyuecn/p/8366101.html
2.echarts3树形图生成参考文章https://blog.csdn.net/qq_40594137/article/details/80263015
3.统计局数据html地址：http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2016/
其实就是通过vue-resource把整个html下载过来，然后进行正则匹配，调整数据结构，
4.本地跨域了，用了proxyTable,开始用了类似下图的形式

image.png

中途不知道为何proxyTable失效了，
最后本地配了proxyTable+nginx,请求url的形式是
'/api/tjsj/tjbz/tjyqhdmhcxhfdm/2016/index.html'

image.png

nginx配置文件

image.png

4.1 nginx配置方法（不清楚是否需要修改/etc/hosts，因为一开始hosts里已配置vue.local）
brew install nginx
配置修改
vim /usr/local/etc/nginx/nginx.conf
或者
cd /usr/local/etc/nginx/servers
sudo nginx -t检查正确性，无误后sudo nginx -s reload。
5.保存csv代码如下

image.png

6.最后树形图如下，数字是城市code,因为name不知道为何乱码了。

image.png