Axios 的基本使用与 Fetch 的比较、在 Vue 项目中使用 Axios 的最佳实践

题目：怎么设计一组命令来证明变量扩展在路径名扩展之前执行。

为了证明变量扩展在路径名扩展之前执行，可以通过编写一个简单的 shell 脚本来观察这两个过程的顺序。我们可以使用以下步骤进行设计：

步骤 1：准备环境

在你选择的 shell 环境（例如 bash）中，准备一些变量和路径名。

步骤 2：编写脚本

编写一个脚本，使用变量和路径名扩展的示例，观察执行的顺序。下面是一个示例脚本：

#!/bin/bash

# 定义变量
my_var="world"
my_path="my_var"

# 输出变量的值
echo "Before expansion: \$my_var = $my_var"
echo "Before path expansion: my_path = $my_path"

# 使用变量和路径名扩展
echo "Value of my_path before expansion: $my_path"  # 这里会先进行变量扩展
echo "Value of my_var after expansion: ${!my_path}"  # 使用间接扩展来获取变量值

# 创建一个文件并输出
touch "file_$my_var.txt"
echo "Created file: file_$my_var.txt"

# 检查当前目录下的文件
echo "Files in current directory:"
ls

步骤 3：解释脚本

1. 定义变量：首先定义了两个变量 my_var 和 my_path。
2. 输出变量的值：使用 echo 输出变量的值，观察变量扩展的结果。
3. 路径名扩展：$my_path 在扩展时，会将其值解析为 my_var，然后使用 ${!my_path} 获取 my_var 的值（间接扩展）。
4. 创建文件：创建一个文件 file_$my_var.txt，观察创建的文件名。
5. 列出文件：使用 ls 列出当前目录下的文件，确认创建的文件。

步骤 4：运行脚本

将脚本保存为 test_expansion.sh，并运行它：

chmod +x test_expansion.sh
./test_expansion.sh

结果分析

• 通过输出结果，你可以看到：
  • 变量 $my_var 的扩展在 my_path 的扩展之前完成。
  • 文件名 file_$my_var.txt 创建时，$my_var 的值已经被扩展为 world，因此最终创建的文件名为 file_world.txt。