vue 配置axios

在Vue项目中配置Axios有以下几个步骤：

1. 安装Axios：在终端中运行以下命令来安装Axios:

   npm install axios

2. 创建一个Axios实例：在Vue项目的src目录下创建一个新的文件夹，比如api，并在其中创建一个新的文件，比如axios.js。在axios.js文件中，导入axios并创建一个新的Axios实例：

   import axios from 'axios';

   const instance = axios.create({
     baseURL: 'http://api.example.com' // 设置基本的请求URL
   });

   export default instance;

3. 在Vue组件中使用Axios：在需要使用Axios发送请求的Vue组件中，导入刚刚创建的Axios实例，并使用它发送请求。例如，在一个名为Example.vue的组件中：

   <template>
     <div>
       <!-- 根据需要进行页面渲染 -->
     </div>
   </template>

   <script>
   import axios from '../api/axios';

   export default {
     mounted() {
       axios.get('/data') // 发送GET请求
         .then(response => {
           console.log(response.data);
         })
         .catch(error => {
           console.error(error);
         });
     }
   };
   </script>

这样就完成了在Vue项目中配置Axios的过程。请注意，上述示例中设置了基本的请求URL为'http://api.example.com'，你需要根据实际情况进行修改。另外，还可以根据需要添加其他Axios的配置，比如请求头、请求拦截器等。