vue.js html封装axios

在Vue.js中使用axios进行HTTP请求可以通过以下步骤实现：

1. 首先，在你的Vue项目中安装axios。你可以使用npm或者yarn命令来安装axios依赖。例如，运行以下命令来安装axios：

npm install axios

2. 在你的Vue项目的入口文件（通常是`main.js`）中引入axios。你可以使用以下代码来引入axios：

import axios from 'axios'

3. 接下来，你需要创建一个自定义的axios实例。在你的项目中的request文件（例如，`request.js`）中导出一个axios实例。根据你提供的引用内容，可以使用以下代码创建一个axios实例：

import axios from 'axios'

// 创建axios实例
const instance = axios.create({
  baseURL: '/api', // 请求遇到 "/api" 就会自动替换为vue.config.js里target里的服务
  timeout: 5000 // 请求超时时间
})

export default instance

4. 现在你可以在你的Vue组件中使用封装好的axios实例进行HTTP请求。例如，你可以在你的Vue组件的方法中使用axios实例来发送POST请求：

import axios from './request'

export default {
  methods: {
    test() {
      axios.post('/ceshi')
        .then(response => {
          // 处理请求成功的结果
          console.log(response.data)
        })
        .catch(error => {
          // 处理请求失败的结果
          console.log(error)
        })
    }
  }
}

5. 另外，你也可以在axios的配置中设置一些全局的默认值。你可以参考axios官网的文档来了解更多关于axios的配置选项。

总结一下，封装axios的步骤：
1. 安装axios依赖；
2. 在入口文件中引入axios；
3. 创建一个自定义的axios实例，并导出该实例；
4. 在Vue组件中使用axios实例进行HTTP请求。

需要注意的是，每次修改vue.config.js文件后，你需要重新运行`npm run serve`命令。

希望以上信息能帮助到你，如果还有其他问题，请随时提问。