vue 中 axios 如何实现异步并发，并且并发不因为某个请求失败而导致整个并发失败？

[solaro]

代码如下：

<script>
import axios from 'axios'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      r1: '',
      r2: '',
      r3: ''
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      axios.all([
        axios.get('http://baidu.com'),
        axios.get('https://163.com'),
        axios.get('https://google.com')
      ]).then(
        axios.spread(function(r1, r2, r3) {
          console.log(r1, r2, r3)
        })
      ).catch(error => console.log(error))
    }
  }
}
</script>

问题：

• 1.前面两个 get 成功，第三个 get 失败了，整个 axios 请求都失败了，直接 catch 到 error 了

期待：

• 1.就算第三个失败了，前面两个也能赋值给 r1 、r2 ，第三个失败就失败了。

[Axnir]

用 Promise.allSettled 吧

[solaro]

@Axnir 我试试

[solaro]

@Axnir 搞定，谢谢大佬