axios的使用

Question

黄老师，我今天在vue中使用axios，出现了一些问题，希望老师帮忙看看

1. 我在一个utils文件中创建了一个request.js，相对axios做一下封装，代码如下

import axios from 'axios'

const instance = axios.create({
  baseURL: '/',
  timeout: 1000,
})

// 添加请求拦截器
instance.interceptors.request.use(
  function(config) {
    // 在发送请求之前做些什么
    return config
  },
  function(error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function(response) {
    // 对响应数据做点什么
    return response
  },
  function(error) {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

export default instance

2. 然后我想把一些请求都抽离出来，所以我创建了一个info文件夹，然后里面建立了一个叫info.js的文件，里面是一些axios请求，代码如下

import instance from '../utils/request.js'

export function getDataTest() {
  return instance.request({
    method: 'get',
    url: '/',
  })
}
export function getDataList() {
  return instance.request({
    method: 'get',
    url: '/list',
  })
}

3. 第三步，我想把这些请求方法引入到HelloWorld.vue这个文件中，但是我引入之后，编译就报错了,报错信息为This dependency was not found: core-js/modules/es.object.to-string in ./src/utils/request.js To install it, you can run: npm install --save core-js/modules/es.object.to-string
   不知道为什么，代码如下：

  <div class="hello">
    <h1>{{ msg }}</h1>
    <button @click="getData">按钮1</button>
    <button @click="getListData">按钮2</button>
  </div>
</template>

<script>
import { getDataTest, getDataList } from '../info/info'

export default {
  name: 'HelloWorld',
  props: {
    msg: String,
  },
  methods: {
    getData() {
      console.log(1)
    },
    getListData() {
      console.log(2)
    },
  },
}
</script>

Answer 1

ustbhuangyi 2020-10-15 10:26:13

你把代码传到 GitHub 上，我抽空帮你看看

• 提问者 我要学习去了 #1

  https://github.com/jserm/vue_demo，黄老师给看看，真的没解决

• ustbhuangyi 回复 提问者 我要学习去了 #2

  我安装你的项目跑起来没问题啊，建议你删除一下 node_modules，重新安装

• 提问者 我要学习去了 回复 ustbhuangyi #3

  重装之后真的可以，这是为什么啊