获取板块分类并展示

板块分类也会变动，偶尔看下，利于总体分析大盘
https:dapanyuntu.com/ 该网站含有板块信息

分析接口

在这里插入图片描述
搜素关键字

拷贝curl到curl解析工具，去掉无用的参数，生成requests代码

尝试nginx反代接口

server {listen        443;location / {add_header refer https://dapanyuntu.co;proxy_pass https://data.dapanyuntu.com/dpyt/getMapData;}location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9002;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}
}

用apipost测试，https://127.0.0.1 , 失败

尝试python脚本，vue展示

# main.py
import os
import pathlib
import random
from typing import Unionimport uvicorn
import requests
from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware
app = FastAPI()
origins = ["http://localhost","http://127.0.0.1:5501","*"
]
app.add_middleware(CORSMiddleware,allow_origins=origins,allow_credentials=True,allow_methods=["*"],allow_headers=["*"],
)
from fastapi.responses import ORJSONResponse
from pydantic import BaseModel, Jsondef get_yunpan():url = "https://data.dapanyuntu.com/dpyt/getMapData"querystring = {"code":"global"}headers = {"authority": "data.dapanyuntu.com","accept": "application/json, text/javascript, */*; q=0.01","accept-language": "zh-CN,zh;q=0.9","cache-control": "no-cache","origin": "https://dapanyuntu.com","referer": "https://dapanyuntu.com/","user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36","Accept-Encoding": "deflate, gzip"}response = requests.request("GET", url, headers=headers, params=querystring)return response.json()@app.get("/")
def test_stock()->Json:"""获取数据"""res = get_yunpan()return ORJSONResponse(res)if __name__ == '__main__':uvicorn.run("main:app", host="0.0.0.0", port=8000, log_level="info", reload=True)

数据展示可用element中的表格，页可以用vue-json-viewer展示多级的数据

<script setup>
import { onMounted } from "vue";
import { ref } from 'vue';
import JsonViewer from 'vue-json-viewer';const my_data=ref()onMounted(() => {const options = {method: "GET",url: "http://192.168.88.67:8000",};axios.request(options).then(function (response) {my_data.value = response.data.data.children;console.log(response.data.data.children);}).catch(function (error) {console.error(error);});
});
</script><template>
<el-table:data="my_data"style="width: 100%"row-key="id":tree-props="{children: 'children'}"><el-table-columnprop="name"label="名称"width="180"></el-table-column><el-table-columnprop="id"label="代码"width="180"></el-table-column></el-table></template><style scoped></style>

default-expand-all属性表示默认展开，不需要展开可以删除

配置vue可以ip访问

import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),],resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}},server: {host: '0.0.0.0',port: 9000,// 是否开启 httpshttps: false,},
})