7、创建漫威探索者应用：从环境搭建到功能实现

创建漫威探索者应用：从环境搭建到功能实现

1. 环境搭建

在开始创建漫威探索者应用前，我们需要完成一些环境搭建的工作。首先，运行开发服务器：

app.use(router)
app.mount('#app')

使用 pnpm run dev 启动开发服务器后，你会看到示例应用添加了一个示例路由，允许你在主页和关于页面之间导航。接着，关闭开发服务器，在代码编辑器中打开项目。

为了清理项目，你可以移除默认 Vue 安装添加的组件。若不确定如何操作，可参考 GitHub 仓库。

重命名 .env.example 文件为 .env ，并插入从漫威开发者门户获取的密钥：

VITE_APP_MARVEL_API_PUBLIC=YOUR_PUBLIC_KEY_HERE
VITE_APP_MARVEL_API_SECRET=YOUR_SECRET_HERE

以 VITE_APP_ 为前缀的 .env 文件中的变量会自动传递到应用中，并可通过 import.meta.env 对象访问。

需要注意的是，在生产环境中分享密钥并非最佳实践，通常会使用授权代理来确保 API 仅接收可信请求。

2. 连接漫威 API