vue 中 import axios from 'axios'时axios爆红

在 Vue.js 中，当你尝试通过 `import axios from 'axios'` 引入 Axios 库时，如果出现红色错误（通常是指语法错误或模块加载失败），可能是由于以下几个原因：

1. **缺少安装**: 如果你首次使用 Axios，确保在项目中安装了 Axios。在命令行中运行 `npm install axios` 或者 `yarn add axios`。

2. **路径问题**: 确认你的导入路径正确。如果是使用 ES6 模块化，确保你的配置文件（如 `main.js` 或者 `src/router/index.js`）位于正确的文件夹结构中。

3. **模块打包工具**: 如果你在使用如 Webpack 或者 Vite 这样的模块打包工具，检查是否配置了正确的规则来处理 Axios。比如，Vue CLI 会自动配置 Axios，但如果手动配置，可能会有额外的配置需求。

4. **全局注册**: Axios 可能没有正确地被 Vue 的全局实例所注册。如果你在 Vue 实例中没有显式注册，你需要确保在 `created()` 或 `mounted()` 生命周期钩子中进行注册。

5. **代码错误**: 检查你的代码中是否有拼写错误或者语法错误，特别是在引入 Axios 的地方。

相关问题：
1. Axios 是什么，它在前端开发中有什么作用？
2. 如何在 Vue 中使用 Axios 发送 HTTP 请求？
3. Vue CLI 中如何自动配置 Axios？
4. Vue 中如何正确全局注册 Axios 以避免此类问题？