src\http\index.js:响应拦截

本文详细探讨了HTTP请求中响应拦截的实现原理和应用,包括如何在JavaScript中使用拦截器来修改、处理或拦截HTTP响应数据,以及在前端开发中这一技术的重要性。
const axios = require('axios')
import Vue from 'vue'

//const store = require('store') 可直接获取到store commonJs
import store from '../store/index' //编译顺序不能直接获取到store
import router from '../router/index'
import {
  Message,
  Loading
} from 'element-ui'
import {urlHttp} from '@/util/constant'

// 详细文档请参照 https://github.com/axios/axios

// `timeout` 指定请求超时的毫秒数(0 表示无超时时间)
// 如果请求花费了超过 `timeout` 的时间,请求将被中断
axios.defaults.timeout = 300000;

// `responseType` 表示服务器响应的数据类型,
//  可以是 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
axios.defaults.responseType = 'json';
//允许请求时携带cookie
axios.defaults.withCredentials = false;
// `validateStatus` 定义对于给定的HTTP 响应状态码是 resolve 或 reject  promise 。
// 如果 `validateStatus` 返回 `true` (或者设置为 `null` 或 `undefined`),promise 将被 resolve;
// 否则,promise 将被 rejecte
axios.defaults.validateStatus = function (status) {
  return status >= 200 && status < 300; // 默认的
};
//请求拦截
axios.interceptors.request.use(
  config => {
    return config
  },
  err => {
    // console.log(err)
  }
)
//响应拦截器
axios.interceptors.response.use(
  response => {
    if (isIE9()) {
      //特殊处理response
      if (response.status == 200 && response.request) {
        if (response.request.responseType === "json" && response.request.responseText) {
          response.data = JSON.parse(response.request.responseText);
        }
      }
    }
    return response
  },
  error => {
    // console.log(error.response)
    // token过期,需重新登录
    if (error.response.status == 401) {
      // token失效,记住当前页面url
      if (sessionStorage.length == 0 || sessionStorage.getItem('redirectUrl') == null || sessionStorage.getItem('redirectUrl') == '') {
        sessionStorage.setItem('redirectUrl', router.currentRoute.fullPath)
      }
      store.dispatch('ssoLogout', {'url': urlHttp}).then(function (res) {
        console.log(res, '注销返回的地址')
        store.commit('setToken', '')
        store.commit('setTokenFlag', false)
        store.commit('setLoginFlag', false)
        store.commit('setLoginUserInfo', '')
        Vue.$cookies.remove(window.iSoftCookiesKey[0], null, "h3c.com")
        Vue.$cookies.remove(window.iSoftCookiesKey[1], null, "h3c.com")
        // window.location.href = res.message
        router.push({
          path: "/testLogin"
        }).catch(err => {
        })
      }, function () {
      })
    }
    else {
      return Promise.reject(error);
    }
  }
)
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

function http(options, success, fail) {
  axios(options).then(function (response) {
    if (response == undefined) {
      // console.log('401,token过期需要重登录')
    } else if (response.data || response.data == '') {
      response.data.flag ? success(response.data) : (fail(response.data, response.data.message || "系统错误"), console.log(response.data || "系统错误"));
    } else {
      fail(null, '未收到返回数据')
    }
  })
  .catch(function (error) {
    fail({
      msg: ''
    }, '未收到返回数据')
  });
}

//导出下载的方法 为了获取response header
function httpExport(options, success, fail) {
  axios(options).then(function (response) {
    if (response == undefined) {
      // console.log('401,token过期需要重登录')
    } else if (response.data || response.data == '') {
      response.data ? success(response) : (fail(response, response.data.message || "系统错误"), console.log(response.data || "系统错误"));
    } else {
      fail(null, '未收到返回数据')
    }
  })
  .catch(function (error) {
    fail(error)
  });
}

function get(options, success, fail) {
  var requestOption = Object.assign({
    method: 'get',
    params: options.data
  }, options);
  http(requestOption, success, fail)
}

function post(options, success, fail) {
  var requestOption = Object.assign({
    method: 'post'
  }, options);
  http(requestOption, success, fail)
}

function put(options, success, fail) {
  var requestOption = Object.assign({
    method: 'put'
  }, options);
  http(requestOption, success, fail)
}

function delete1(options, success, fail) {
  var requestOption = Object.assign({
    method: 'delete'
  }, options);
  http(requestOption, success, fail)
}

function getExport(options, success, fail) {
  var requestOption = Object.assign({
    method: 'get',
    params: options.data
  }, options);
  httpExport(requestOption, success, fail)
}

function postExport(options, success, fail) {
  var requestOption = Object.assign({
    method: 'post'
  }, options);
  httpExport(requestOption, success, fail)
}

function isIE9() {
  if (
    navigator.appName == "Microsoft Internet Explorer" &&
    parseInt(
      navigator.appVersion
      .split(";")[1]
      .replace(/[ ]/g, "")
      .replace("MSIE", "")
    ) <= 9
  ) {
    return true;
  }
  return false;
}

export {
  get,
  post,
  put,
  delete1,
  getExport,
  postExport
}
分析下面报错 font.js:45 GET http://localhost:8080/api/font/list 422 (UNPROCESSABLE ENTITY) dispatchXhrRequest @ xhr.js:187 xhrAdapter @ xhr.js:13 dispatchRequest @ dispatchRequest.js:53 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:85 ===== 响应拦截器捕获错误 ===== eval @ axios.js:85 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:86 请求地址: /font/list eval @ axios.js:86 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:87 原始错误信息: Error: Request failed with status code 422 at createError (createError.js:16:15) at settle (settle.js:17:12) at XMLHttpRequest.onloadend (xhr.js:54:7) eval @ axios.js:87 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:97 响应状态码: 422 eval @ axios.js:97 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:98 响应数据: {msg: 'Subject must be a string'}msg: "Subject must be a string"[[Prototype]]: Object eval @ axios.js:98 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:99 响应: {connection: 'close', content-length: '35', content-type: 'application/json', date: 'Mon, 04 Aug 2025 16:08:48 GMT', server: 'Werkzeug/3.1.3 Python/3.11.8', …} eval @ axios.js:99 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:119 处理后的错误信息: {error: '请求失败 (422)', status: 422} eval @ axios.js:119 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 axios.js:120 ==================================== eval @ axios.js:120 Promise.then request @ Axios.js:88 Axios.<computed> @ Axios.js:129 wrap @ bind.js:9 eval @ font.js:45 fetchUserFonts @ font.js:43 wrappedActionHandler @ vuex.esm.js:862 dispatch @ vuex.esm.js:527 boundDispatch @ vuex.esm.js:417 created @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/CarvingForm.vue?vue&type=script&lang=js:49 invokeWithErrorHandling @ vue.runtime.esm.js:3083 callHook$1 @ vue.runtime.esm.js:4098 Vue._init @ vue.runtime.esm.js:5763 VueComponent @ vue.runtime.esm.js:5896 createComponentInstanceForVnode @ vue.runtime.esm.js:4613 init @ vue.runtime.esm.js:4475 merged @ vue.runtime.esm.js:4630 createComponent @ vue.runtime.esm.js:6638 createElm @ vue.runtime.esm.js:6592 updateChildren @ vue.runtime.esm.js:6887 patchVnode @ vue.runtime.esm.js:6980 patch @ vue.runtime.esm.js:7148 Vue._update @ vue.runtime.esm.js:3835 updateComponent @ vue.runtime.esm.js:3941 Watcher.get @ vue.runtime.esm.js:3512 Watcher.run @ vue.runtime.esm.js:3588 flushSchedulerQueue @ vue.runtime.esm.js:4191 eval @ vue.runtime.esm.js:3209 flushCallbacks @ vue.runtime.esm.js:3131 Promise.then timerFunc @ vue.runtime.esm.js:3156 nextTick @ vue.runtime.esm.js:3221 queueWatcher @ vue.runtime.esm.js:4277 Watcher.update @ vue.runtime.esm.js:3579 Dep.notify @ vue.runtime.esm.js:792 reactiveSetter @ vue.runtime.esm.js:1025 proxySetter @ vue.runtime.esm.js:5425 Message @ element-ui.common.js:3379 main_Message.<computed> @ element-ui.common.js:3379 eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:49 Promise.then eval @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:48 eval @ element-ui.common.js:2686 eval @ element-ui.common.js:2740 complete @ index.js:95 eval @ index.js:231 next @ util.js:161 next @ util.js:129 cb @ index.js:179 required @ required.js:11 eval @ index.js:222 next @ util.js:127 asyncSerialArray @ util.js:133 eval @ util.js:167 asyncMap @ util.js:164 validate @ index.js:147 validate @ element-ui.common.js:2740 eval @ element-ui.common.js:2686 validate @ element-ui.common.js:2686 handleLogin @ index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js:45 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 invokeWithErrorHandling @ vue.runtime.esm.js:3083 Vue.$emit @ vue.runtime.esm.js:3782 handleClick @ element-ui.common.js:1118 invokeWithErrorHandling @ vue.runtime.esm.js:3083 invoker @ vue.runtime.esm.js:1884 original_1._wrapper @ vue.runtime.esm.js:7547 font.js:58 字体列表请求失败: 请求失败 (422) 状态码: 422 下面是对应的代码模块 axios.js代码 import axios from 'axios' import { Message, MessageBox } from 'element-ui' import store from '../store' const service = axios.create({ baseURL: process.env.VUE_APP_API_URL, timeout: 60000 }) service.interceptors.request.use( config => { // 1. 打印拦截到的请求基本信息 console.log('===== 请求拦截器捕获请求 ====='); console.log('请求地址:', config.baseURL + config.url); // 完整 URL console.log('请求方法:', config.method.toUpperCase()); // 请求方法(GET/POST等) console.log('超时时间:', config.timeout + 'ms'); // 2. 打印请求参数(区分 params 和 data) if (config.method === 'get') { console.log('请求参数 (params):', config.params || '无参数'); } else { console.log('请求体 (data):', config.data || '无数据'); } // 3. 打印原始请求头(处理前) console.log('原始请求头 (处理前):', { ...config.headers }); // 4. Token 处理逻辑(原有逻辑保留) const publicUrls = ['/auth/register', '/auth/login']; if (store.getters.isAuthenticated && !publicUrls.includes(config.url)) { const token = store.state.user.token; console.log('request', token) if (!token) { console.error('⚠️ Token 为空,无法传递'); } else { config.headers['Authorization'] = `Bearer ${token}`; console.log('✅ Token 处理结果:'); console.log('传递的 Token:', token); console.log('更新后的 Authorization 头:', config.headers['Authorization']); } } else { if (publicUrls.includes(config.url)) { console.log('ℹ️ 公开接口,无需传递 Token:', config.url); } else { console.log('ℹ️ 未满足 Token 传递条件(用户未登录)'); } } // 5. 打印处理后的完整请求配置(可选,用于调试) console.log('===== 请求拦截器处理完成 =====', { url: config.baseURL + config.url, method: config.method, finalHeaders: config.headers, finalParams: config.params, finalData: config.data }); return config; }, error => { // 6. 打印请求拦截器中的错误(如配置错误) console.error('===== 请求拦截器捕获错误 ====='); console.error('错误类型:', error.name); console.error('错误信息:', error.message); console.error('错误详情:', error); return Promise.reject(error); } ); service.interceptors.response.use( response => { // 打印成功响应信息 console.log('===== 响应拦截器捕获成功响应 ====='); console.log('请求地址:', response.config.url); console.log('响应状态码:', response.status); console.log('响应状态文本:', response.statusText); console.log('响应:', response.headers); console.log('响应数据:', response.data); console.log('===================================='); return response.data; }, error => { console.error('===== 响应拦截器捕获错误 ====='); console.error('请求地址:', error.config?.url || '未知地址'); console.error('原始错误信息:', error); // 强制初始化错误对象,确保 status 存在 let errorData = { error: '未知错误', status: error.response?.status ?? null // 关键:用 null 替代 undefined }; if (error.response) { // 后端有响应时,提取错误信息和状态码 console.error('响应状态码:', error.response.status); console.error('响应数据:', error.response.data); console.error('响应:', error.response.headers); errorData.error = error.response.data?.error || `请求失败 (${error.response.status})`; errorData.status = error.response.status; // 确保状态码为数字 } else if (error.request) { // 无响应(如网络错误) console.error('错误类型:响应(可能是网络错误)'); console.error('请求信息:', error.request); errorData.error = '网络错误,未收到服务器响应'; errorData.status = 0; // 用 0 标识网络错误 } else { // 请求配置错误 console.error('错误类型: 请求配置错误'); errorData.error = error.message || '请求配置错误'; errorData.status = -1; // 用 -1 标识客户端错误 } console.error('处理后的错误信息:', errorData); console.error('===================================='); Message.error(errorData.error); return Promise.reject(errorData); // 确保返回的 error 一定有 status } ); // 辅助函数:根据状态码返回描述文本 function getStatusText(status) { const statusMap = { 400: '参数错误', 403: '权限不足', 404: '接口不存在', 500: '服务器内部错误', 502: '网关错误' } return statusMap[status] || '未知错误' } export default service fonts.js代码 import axios from '../../utils/axios' const state = { fonts: [] } const getters = { userFonts: state => state.fonts } const mutations = { SET_FONTS(state, fonts) { state.fonts = fonts } } const actions = { // 上传字体文件 uploadFont({ dispatch }, file) { const formData = new FormData() formData.append('font_file', file) return new Promise((resolve, reject) => { // 不手动添加Authorization头,依赖axios拦截器自动处理 axios.post('/font/upload', formData, { headers: { 'Content-Type': 'multipart/form-data', 'subject': 'font_upload' } }) .then(data => { dispatch('fetchUserFonts') resolve(data) }) .catch(error => { reject(error) }) }) }, // 获取用户上传的字体 fetchUserFonts({ commit }) { return new Promise((resolve, reject) => { // 参考user.js的写法,不手动传递token,由拦截器统一处理 axios.get('/font/list', { headers: { 'subject': 'font_list' } }) .then(data => { // 直接使用响应数据(axios响应拦截器已处理为response.data) commit('SET_FONTS', data) resolve(data) }) .catch(error => { // 错误处理与user.js保持一致 const errorMsg = error.error || error.message || '获取字体列表失败' console.error('字体列表请求失败:', errorMsg, '状态码:', error.status) reject({ error: errorMsg, status: error.status }) }) }) }, // 删除字体文件 deleteFont({ dispatch }, fontId) { return new Promise((resolve, reject) => { axios.delete(`/font/${fontId}`, { headers: { 'subject': 'font_delete' } }) .then(data => { dispatch('fetchUserFonts') resolve(data) }) .catch(error => { reject(error) }) }) } } export default { state, getters, mutations, actions } 后端接口代码 @font_bp.route('/list', methods=['GET']) @jwt_required() def list_fonts(): """获取用户上传的所有字体""" user_id = get_jwt_identity() fonts = Font.query.filter_by(user_id=user_id).order_by(Font.uploaded_at.desc()).all() print(1) print(fonts) return jsonify([font.to_dict() for font in fonts]), 200
08-06
chunk-vendors.js:13463 [HMR] Waiting for update signal from WDS... main.js:26 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 addEventListener @ event.js:201 mountSingleDOMEventListener @ HandlerProxy.js:412 eval @ HandlerProxy.js:359 each @ util.js:300 mountLocalDOMEventListeners @ HandlerProxy.js:358 HandlerDomProxy @ HandlerProxy.js:486 ZRender @ zrender.js:138 init @ zrender.js:49 ECharts @ echarts.js:206 init @ echarts.js:1928 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/components/areaChart.vue?vue&type=script&lang=js:199 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 insert @ vue.runtime.esm.js:4480 invokeInsertHook @ vue.runtime.esm.js:6999 patch @ vue.runtime.esm.js:7213 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Vue.$forceUpdate @ vue.runtime.esm.js:3849 forceRender_1 @ vue.runtime.esm.js:2816 eval @ vue.runtime.esm.js:2836 eval @ vue.runtime.esm.js:370 Promise.then resolveAsyncComponent @ vue.runtime.esm.js:2856 createComponent @ vue.runtime.esm.js:4531 _createElement @ vue.runtime.esm.js:2971 createElement$1 @ vue.runtime.esm.js:2921 vm._c @ vue.runtime.esm.js:2694 render @ cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3bd8c2c6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/mainPage.vue?vue&type=template&id=0be33bfc&scoped=true:28 Vue._render @ vue.runtime.esm.js:2739 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher @ vue.runtime.esm.js:3491 mountComponent @ vue.runtime.esm.js:3947 Vue.$mount @ vue.runtime.esm.js:8830 init @ vue.runtime.esm.js:4464 merged @ vue.runtime.esm.js:4618 createComponent @ vue.runtime.esm.js:6624 createElm @ vue.runtime.esm.js:6578 updateChildren @ vue.runtime.esm.js:6873 patchVnode @ vue.runtime.esm.js:6966 updateChildren @ vue.runtime.esm.js:6840 patchVnode @ vue.runtime.esm.js:6966 patch @ vue.runtime.esm.js:7134 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Dep.notify @ vue.runtime.esm.js:790 reactiveSetter @ vue.runtime.esm.js:1021 eval @ vue-router.esm.js:3013 eval @ vue-router.esm.js:3012 updateRoute @ vue-router.esm.js:2422 eval @ vue-router.esm.js:2271 eval @ vue-router.esm.js:2410 step @ vue-router.esm.js:2092 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 eval @ vue-router.esm.js:2405 step @ vue-router.esm.js:2092 eval @ vue-router.esm.js:2096 eval @ vue-router.esm.js:2392 eval @ vue-router.esm.js:2135 eval @ vue-router.esm.js:2211 Promise.then eval @ vue-router.esm.js:2158 eval @ vue-router.esm.js:2179 eval @ vue-router.esm.js:2179 flatMapComponents @ vue-router.esm.js:2178 eval @ vue-router.esm.js:2114 iterator @ vue-router.esm.js:2370 step @ vue-router.esm.js:2095 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 confirmTransition @ vue-router.esm.js:2400 transitionTo @ vue-router.esm.js:2268 init @ vue-router.esm.js:3004 beforeCreate @ vue-router.esm.js:1306 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 Vue._init @ vue.runtime.esm.js:5745 Vue @ vue.runtime.esm.js:5818 eval @ main.js:26 ./src/main.js @ app.js:1304 __webpack_require__ @ app.js:854 fn @ app.js:151 1 @ app.js:1377 __webpack_require__ @ app.js:854 checkDeferredModules @ app.js:46 (anonymous) @ app.js:994 (anonymous) @ app.js:997 main.js:26 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 addEventListener @ event.js:201 mountSingleDOMEventListener @ HandlerProxy.js:412 eval @ HandlerProxy.js:359 each @ util.js:300 mountLocalDOMEventListeners @ HandlerProxy.js:358 HandlerDomProxy @ HandlerProxy.js:486 ZRender @ zrender.js:138 init @ zrender.js:49 ECharts @ echarts.js:206 init @ echarts.js:1928 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/components/page2/barChart.vue?vue&type=script&lang=js:189 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 insert @ vue.runtime.esm.js:4480 invokeInsertHook @ vue.runtime.esm.js:6999 patch @ vue.runtime.esm.js:7213 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Vue.$forceUpdate @ vue.runtime.esm.js:3849 forceRender_1 @ vue.runtime.esm.js:2816 eval @ vue.runtime.esm.js:2836 eval @ vue.runtime.esm.js:370 Promise.then resolveAsyncComponent @ vue.runtime.esm.js:2856 createComponent @ vue.runtime.esm.js:4531 _createElement @ vue.runtime.esm.js:2971 createElement$1 @ vue.runtime.esm.js:2921 vm._c @ vue.runtime.esm.js:2694 render @ cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3bd8c2c6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/mainPage.vue?vue&type=template&id=0be33bfc&scoped=true:48 Vue._render @ vue.runtime.esm.js:2739 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher @ vue.runtime.esm.js:3491 mountComponent @ vue.runtime.esm.js:3947 Vue.$mount @ vue.runtime.esm.js:8830 init @ vue.runtime.esm.js:4464 merged @ vue.runtime.esm.js:4618 createComponent @ vue.runtime.esm.js:6624 createElm @ vue.runtime.esm.js:6578 updateChildren @ vue.runtime.esm.js:6873 patchVnode @ vue.runtime.esm.js:6966 updateChildren @ vue.runtime.esm.js:6840 patchVnode @ vue.runtime.esm.js:6966 patch @ vue.runtime.esm.js:7134 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Dep.notify @ vue.runtime.esm.js:790 reactiveSetter @ vue.runtime.esm.js:1021 eval @ vue-router.esm.js:3013 eval @ vue-router.esm.js:3012 updateRoute @ vue-router.esm.js:2422 eval @ vue-router.esm.js:2271 eval @ vue-router.esm.js:2410 step @ vue-router.esm.js:2092 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 eval @ vue-router.esm.js:2405 step @ vue-router.esm.js:2092 eval @ vue-router.esm.js:2096 eval @ vue-router.esm.js:2392 eval @ vue-router.esm.js:2135 eval @ vue-router.esm.js:2211 Promise.then eval @ vue-router.esm.js:2158 eval @ vue-router.esm.js:2179 eval @ vue-router.esm.js:2179 flatMapComponents @ vue-router.esm.js:2178 eval @ vue-router.esm.js:2114 iterator @ vue-router.esm.js:2370 step @ vue-router.esm.js:2095 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 confirmTransition @ vue-router.esm.js:2400 transitionTo @ vue-router.esm.js:2268 init @ vue-router.esm.js:3004 beforeCreate @ vue-router.esm.js:1306 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 Vue._init @ vue.runtime.esm.js:5745 Vue @ vue.runtime.esm.js:5818 eval @ main.js:26 ./src/main.js @ app.js:1304 __webpack_require__ @ app.js:854 fn @ app.js:151 1 @ app.js:1377 __webpack_require__ @ app.js:854 checkDeferredModules @ app.js:46 (anonymous) @ app.js:994 (anonymous) @ app.js:997 main.js:26 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 addEventListener @ event.js:201 mountSingleDOMEventListener @ HandlerProxy.js:412 eval @ HandlerProxy.js:359 each @ util.js:300 mountLocalDOMEventListeners @ HandlerProxy.js:358 HandlerDomProxy @ HandlerProxy.js:486 ZRender @ zrender.js:138 init @ zrender.js:49 ECharts @ echarts.js:206 init @ echarts.js:1928 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/components/page2/pieChart03.vue?vue&type=script&lang=js:21 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 insert @ vue.runtime.esm.js:4480 invokeInsertHook @ vue.runtime.esm.js:6999 patch @ vue.runtime.esm.js:7213 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Vue.$forceUpdate @ vue.runtime.esm.js:3849 forceRender_1 @ vue.runtime.esm.js:2816 eval @ vue.runtime.esm.js:2836 eval @ vue.runtime.esm.js:370 Promise.then resolveAsyncComponent @ vue.runtime.esm.js:2856 createComponent @ vue.runtime.esm.js:4531 _createElement @ vue.runtime.esm.js:2971 createElement$1 @ vue.runtime.esm.js:2921 vm._c @ vue.runtime.esm.js:2694 render @ cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3bd8c2c6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/mainPage.vue?vue&type=template&id=0be33bfc&scoped=true:109 Vue._render @ vue.runtime.esm.js:2739 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher @ vue.runtime.esm.js:3491 mountComponent @ vue.runtime.esm.js:3947 Vue.$mount @ vue.runtime.esm.js:8830 init @ vue.runtime.esm.js:4464 merged @ vue.runtime.esm.js:4618 createComponent @ vue.runtime.esm.js:6624 createElm @ vue.runtime.esm.js:6578 updateChildren @ vue.runtime.esm.js:6873 patchVnode @ vue.runtime.esm.js:6966 updateChildren @ vue.runtime.esm.js:6840 patchVnode @ vue.runtime.esm.js:6966 patch @ vue.runtime.esm.js:7134 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Dep.notify @ vue.runtime.esm.js:790 reactiveSetter @ vue.runtime.esm.js:1021 eval @ vue-router.esm.js:3013 eval @ vue-router.esm.js:3012 updateRoute @ vue-router.esm.js:2422 eval @ vue-router.esm.js:2271 eval @ vue-router.esm.js:2410 step @ vue-router.esm.js:2092 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 eval @ vue-router.esm.js:2405 step @ vue-router.esm.js:2092 eval @ vue-router.esm.js:2096 eval @ vue-router.esm.js:2392 eval @ vue-router.esm.js:2135 eval @ vue-router.esm.js:2211 Promise.then eval @ vue-router.esm.js:2158 eval @ vue-router.esm.js:2179 eval @ vue-router.esm.js:2179 flatMapComponents @ vue-router.esm.js:2178 eval @ vue-router.esm.js:2114 iterator @ vue-router.esm.js:2370 step @ vue-router.esm.js:2095 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 confirmTransition @ vue-router.esm.js:2400 transitionTo @ vue-router.esm.js:2268 init @ vue-router.esm.js:3004 beforeCreate @ vue-router.esm.js:1306 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 Vue._init @ vue.runtime.esm.js:5745 Vue @ vue.runtime.esm.js:5818 eval @ main.js:26 ./src/main.js @ app.js:1304 __webpack_require__ @ app.js:854 fn @ app.js:151 1 @ app.js:1377 __webpack_require__ @ app.js:854 checkDeferredModules @ app.js:46 (anonymous) @ app.js:994 (anonymous) @ app.js:997 cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/components/areaChart.vue?vue&type=script&lang=js:22 报警信息此时: {__ob__: Observer} cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/components/page2/barChart.vue?vue&type=script&lang=js:22 报警信息此时: {__ob__: Observer} main.js:26 加载 3D 模型失败: SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at JSON.parse (<anonymous>) at GLTFLoader.parse (GLTFLoader.js:387:17) at Object.eval [as onLoad] (GLTFLoader.js:249:11) at eval (three.core.js:44796:38) eval @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/mainPage.vue?vue&type=script&lang=js:132 _onError @ GLTFLoader.js:225 eval @ GLTFLoader.js:259 eval @ three.core.js:44796 Promise.then load @ three.core.js:44784 load @ GLTFLoader.js:245 initThreeModel @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/mainPage.vue?vue&type=script&lang=js:121 eval @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/mainPage.vue?vue&type=script&lang=js:153 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 Vue.$nextTick @ vue.runtime.esm.js:2718 mounted @ iview.js:20290 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 insert @ vue.runtime.esm.js:4480 invokeInsertHook @ vue.runtime.esm.js:6999 patch @ vue.runtime.esm.js:7213 Vue._update @ vue.runtime.esm.js:3824 updateComponent @ vue.runtime.esm.js:3930 Watcher.get @ vue.runtime.esm.js:3501 Watcher.run @ vue.runtime.esm.js:3577 flushSchedulerQueue @ vue.runtime.esm.js:4180 eval @ vue.runtime.esm.js:3198 flushCallbacks @ vue.runtime.esm.js:3120 Promise.then timerFunc @ vue.runtime.esm.js:3145 nextTick @ vue.runtime.esm.js:3210 queueWatcher @ vue.runtime.esm.js:4266 Watcher.update @ vue.runtime.esm.js:3568 Dep.notify @ vue.runtime.esm.js:790 reactiveSetter @ vue.runtime.esm.js:1021 eval @ vue-router.esm.js:3013 eval @ vue-router.esm.js:3012 updateRoute @ vue-router.esm.js:2422 eval @ vue-router.esm.js:2271 eval @ vue-router.esm.js:2410 step @ vue-router.esm.js:2092 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 eval @ vue-router.esm.js:2405 step @ vue-router.esm.js:2092 eval @ vue-router.esm.js:2096 eval @ vue-router.esm.js:2392 eval @ vue-router.esm.js:2135 eval @ vue-router.esm.js:2211 Promise.then eval @ vue-router.esm.js:2158 eval @ vue-router.esm.js:2179 eval @ vue-router.esm.js:2179 flatMapComponents @ vue-router.esm.js:2178 eval @ vue-router.esm.js:2114 iterator @ vue-router.esm.js:2370 step @ vue-router.esm.js:2095 step @ vue-router.esm.js:2099 step @ vue-router.esm.js:2099 runQueue @ vue-router.esm.js:2103 confirmTransition @ vue-router.esm.js:2400 transitionTo @ vue-router.esm.js:2268 init @ vue-router.esm.js:3004 beforeCreate @ vue-router.esm.js:1306 invokeWithErrorHandling @ vue.runtime.esm.js:3072 callHook$1 @ vue.runtime.esm.js:4087 Vue._init @ vue.runtime.esm.js:5745 Vue @ vue.runtime.esm.js:5818 eval @ main.js:26 ./src/main.js @ app.js:1304 __webpack_require__ @ app.js:854 fn @ app.js:151 1 @ app.js:1377 __webpack_require__ @ app.js:854 checkDeferredModules @ app.js:46 (anonymous) @ app.js:994 (anonymous) @ app.js:997
最新发布
11-11
chunk-vendors.js:12061 [HMR] Waiting for update signal from WDS... main.js:43 [Vue warn]: Invalid prop: type check failed for prop "defaultOpeneds". Expected Array, got String with value "['任务中心']". found in ---> <ElMenu> at packages/menu/src/menu.vue <SystemOps> at src/views/taskCenter/taskCenter.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 assertProp @ vue.runtime.esm.js:1704 validateProp @ vue.runtime.esm.js:1631 loop @ vue.runtime.esm.js:4659 initProps @ vue.runtime.esm.js:4690 initState @ vue.runtime.esm.js:4633 Vue._init @ vue.runtime.esm.js:4996 VueComponent @ vue.runtime.esm.js:5144 createComponentInstanceForVnode @ vue.runtime.esm.js:3280 init @ vue.runtime.esm.js:3111 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 merged @ vue.runtime.esm.js:3298 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 merged @ vue.runtime.esm.js:3298 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 updateChildren @ vue.runtime.esm.js:6206 patchVnode @ vue.runtime.esm.js:6309 patch @ vue.runtime.esm.js:6472 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI main.js:43 [Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of null (reading 'username')" found in ---> <Header> at src/views/login/header.vue <ElHeader> at packages/header/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 logError @ vue.runtime.esm.js:1883 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 invokeWithErrorHandling @ vue.runtime.esm.js:1861 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI main.js:43 TypeError: Cannot read properties of null (reading 'username') at VueComponent.headinfo (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=script&lang=js:92:37) at VueComponent.mounted (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=script&lang=js:140:10) at invokeWithErrorHandling (vue.runtime.esm.js:1853:57) at callHook (vue.runtime.esm.js:4213:7) at Object.insert (vue.runtime.esm.js:3136:7) at invokeInsertHook (vue.runtime.esm.js:6336:28) at VueComponent.patch [as __patch__] (vue.runtime.esm.js:6555:5) at Vue._update (vue.runtime.esm.js:3942:19) at VueComponent.updateComponent (vue.runtime.esm.js:4060:10) at Watcher.get (vue.runtime.esm.js:4473:25) logError @ vue.runtime.esm.js:1887 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 invokeWithErrorHandling @ vue.runtime.esm.js:1861 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/taskCenter/taskCenter.vue?vue&type=script&lang=js:85 生产流程 main.js:43 [Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'userId')" found in ---> <Header> at src/views/login/header.vue <ElHeader> at packages/header/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 logError @ vue.runtime.esm.js:1883 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 Vue._render @ vue.runtime.esm.js:3544 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI main.js:43 TypeError: Cannot read properties of null (reading 'userId') at Proxy.render (cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38da2d39-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=template&id=2c2e50e6&scoped=true:96:60) at Vue._render (vue.runtime.esm.js:3542:22) at VueComponent.updateComponent (vue.runtime.esm.js:4060:21) at Watcher.get (vue.runtime.esm.js:4473:25) at Watcher.run (vue.runtime.esm.js:4548:22) at flushSchedulerQueue (vue.runtime.esm.js:4304:13) at Array.eval (vue.runtime.esm.js:1979:12) at flushCallbacks (vue.runtime.esm.js:1905:14) logError @ vue.runtime.esm.js:1887 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 Vue._render @ vue.runtime.esm.js:3544 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI main.js:43 [Vue warn]: Invalid prop: type check failed for prop "defaultOpeneds". Expected Array, got String with value "['任务中心']". found in ---> <ElMenu> at packages/menu/src/menu.vue <SystemOps> at src/views/taskCenter/taskCenter.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 assertProp @ vue.runtime.esm.js:1704 validateProp @ vue.runtime.esm.js:1631 updateChildComponent @ vue.runtime.esm.js:4141 prepatch @ vue.runtime.esm.js:3122 patchVnode @ vue.runtime.esm.js:6298 updateChildren @ vue.runtime.esm.js:6183 patchVnode @ vue.runtime.esm.js:6309 updateChildren @ vue.runtime.esm.js:6183 patchVnode @ vue.runtime.esm.js:6309 patch @ vue.runtime.esm.js:6472 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI vue.runtime.esm.js:8418 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue-router.esm.js:2009 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/flowCenter/producteFlow". at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2009:15) at createNavigationDuplicatedError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1979:15) at HTML5History.confirmTransition (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2272:18) at HTML5History.transitionTo (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2204:8) at HTML5History.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2545:10) at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2964:22) at new Promise (<anonymous>) at VueRouter.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2963:12) at VueComponent.mounted (webpack-internal:///./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/flowCenter/flowCenter.vue?vue&type=script&lang=js:88:55) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:57) createRouterError @ vue-router.esm.js:2009 createNavigationDuplicatedError @ vue-router.esm.js:1979 confirmTransition @ vue-router.esm.js:2272 transitionTo @ vue-router.esm.js:2204 push @ vue-router.esm.js:2545 eval @ vue-router.esm.js:2964 push @ vue-router.esm.js:2963 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/flowCenter/flowCenter.vue?vue&type=script&lang=js:88 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 push @ vue-router.esm.js:2545 eval @ vue-router.esm.js:2964 push @ vue-router.esm.js:2963 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/taskCenter/taskCenter.vue?vue&type=script&lang=js:86 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918239700' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918239700 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918247202' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918247202 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918255527' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918255527 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918265778' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918265778 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 (匿名) @ app.js:925 (匿名) @ app.js:928了解此错误AI
06-27
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值