### 在Vue3项目中查看所使用的Python版本 在Vue3项目中查看所使用的Python版本，需要通过后端接口来实现。由于Vue3是一个前端框架，它本身无法直接访问或执行Python代码。可以通过RESTful API与后端交互，由后端返回Python的版本信息[^1]。 以下是一个完整的实现方案： #### 1. 后端（Python）实现 在Python后端应用中，可以使用`sys`模块获取当前Python的版本信息，并通过API接口返回给前端。例如，在FastAPI中实现如下代码： ```python from fastapi import FastAPI import sys app = FastAPI() @app.get("/python-version") def get_python_version(): version = { "major": sys.version_info.major, "minor": sys.version_info.minor, "micro": sys.version_info.micro, "releaselevel": sys.version_info.releaselevel, "serial": sys.version_info.serial } return {"python_version": version} ``` 这段代码定义了一个`/python-version`接口，用于返回Python的版本信息[^1]。 #### 2. 前端（Vue3）调用 在Vue3项目中，可以通过`axios`库发送HTTP请求以调用上述API接口，并将结果展示在页面上。以下是具体实现： ##### 安装依赖 确保安装了`axios`库： ```bash npm install axios --save # 或者 yarn add axios ``` ##### 调用API并显示结果 在Vue组件中引入`axios`并调用后端API： ```javascript <template> <div> <h1>Python 版本信息</h1> <p v-if="loading">加载中...</p> <p v-else-if="error">发生错误：{{ error }}</p> <div v-else> <p>主版本号：{{ pythonVersion.python_version.major }}</p> <p>次版本号：{{ pythonVersion.python_version.minor }}</p> <p>修订版本号：{{ pythonVersion.python_version.micro }}</p> <p>发布级别：{{ pythonVersion.python_version.releaselevel }}</p> <p>序列号：{{ pythonVersion.python_version.serial }}</p> </div> </div> </template> <script> import axios from 'axios'; export default { data() { return { pythonVersion: {}, loading: true, error: null }; }, mounted() { axios.get('http://localhost:8000/python-version') // 替换为实际的API地址 .then(response => { this.pythonVersion = response.data; this.loading = false; }) .catch(err => { this.error = err.message; this.loading = false; }); } }; </script> ``` 此代码会在页面加载时调用后端API，并将Python版本信息展示给用户[^1]。 #### 3. 配置前后端通信 如果前后端运行在同一台服务器上，但使用不同的端口，可能需要配置跨域支持。可以在FastAPI中添加CORS中间件： ```python from fastapi import FastAPI from fastapi.middleware.cors import CORSMiddleware app = FastAPI() origins = [ "http://localhost:8080", # Vue项目的默认开发端口 ] app.add_middleware( CORSMiddleware, allow_origins=origins, allow_credentials=True, allow_methods=["*"], allow_headers=["*"], ) ``` 这样可以确保前端能够正确访问后端API[^1]。 ---