vue项目 接口请求是状态码是400 这时出现黑屏报错，如何不出现黑屏

当接口请求返回状态码为400时，可能是由于请求参数不正确或服务器端出现了错误。出现黑屏的原因是因为Vue项目在请求失败时没有进行错误处理，导致应用程序崩溃。

解决方法如下：

1. 在Vue项目中对axios进行全局配置，设置请求错误的拦截器，当请求失败时进行错误处理。可以在main.js文件中添加以下代码：

import axios from 'axios'
import router from './router'

axios.interceptors.response.use(response => {
  return response
}, error => {
  if (error.response.status === 400) {
    // 处理请求错误
    router.push('/error')
  }
})

2. 在上述代码中，我们使用了路由跳转来进行错误处理。当请求失败时，将路由跳转到错误页面，避免出现黑屏。在router.js文件中添加以下代码：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/error',
      component: () => import('@/views/Error.vue')
    }
  ]
})

3. 在上述代码中，我们创建了一个错误页面，并将路由与该页面进行绑定。当请求失败时，将路由跳转到该页面，避免出现黑屏。

希望以上方法能够帮助你解决黑屏问题。如果问题仍然存在，请提供更多的细节信息，以便我们更好地帮助你解决问题。