当前位置:   article > 正文

ERRORNetwork ErrorAxiosError@webpack-internal:///./node_modules/axios/lib/core/AxiosError.js:23:18_network error axioserror@webpack-internal:///./nod

network error axioserror@webpack-internal:///./node_modules/axios/lib/core/a

错误:

  1. ERROR
  2. Network Error
  3. AxiosError@webpack-internal:///./node_modules/axios/lib/core/AxiosError.js:23:18
  4. handleError@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14
  5. EventHandlerNonNull*dispatchXhrRequest@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:152:5
  6. __webpack_exports__.default<@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:57:10
  7. dispatchRequest@webpack-internal:///./node_modules/axios/lib/core/dispatchRequest.js:53:10
  8. promise callback*request@webpack-internal:///./node_modules/axios/lib/core/Axios.js:117:27
  9. forEachMethodNoData/Axios.prototype[method]@webpack-internal:///./node_modules/axios/lib/core/Axios.js:157:17
  10. wrap@webpack-internal:///./node_modules/axios/lib/helpers/bind.js:9:15
  11. mounted@webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/HomeView.vue?vue&type=script&lang=js&:22:60
  12. invokeWithErrorHandling@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2889:57
  13. callHook$1@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3862:30
  14. insert@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4227:17
  15. invokeInsertHook@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:6518:30
  16. patch@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:6706:21
  17. lifecycleMixin/Vue.prototype._update@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3605:19
  18. updateComponent@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3703:10
  19. Watcher</Watcher.prototype.get@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3295:27
  20. Watcher</Watcher.prototype.run@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3366:24
  21. flushSchedulerQueue@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3949:13
  22. nextTick/<@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3008:12
  23. flushCallbacks@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2936:14
  24. promise callback*timerFunc@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2961:9
  25. nextTick@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3018:5
  26. queueWatcher@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4031:13
  27. Watcher</Watcher.prototype.update@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3357:19
  28. Dep</Dep.prototype.notify@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:761:11
  29. reactiveSetter@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:971:13
  30. init/</<@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2503:7
  31. init/<@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2502:19
  32. updateRoute@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2031:19
  33. transitionTo/<@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1898:14
  34. confirmTransition/</<@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2020:17
  35. step@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1746:7
  36. step@webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1753:13
  37. 怎么解决

不知道为什么,明明已经加了注解@CrossOrigin,但是还是跨域问题,数据不响应!

还是加了配置才可以访问

  1. package com.xtc.common;
  2. import org.springframework.context.annotation.Bean;
  3. import org.springframework.context.annotation.Configuration;
  4. import org.springframework.web.cors.CorsConfiguration;
  5. import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
  6. import org.springframework.web.filter.CorsFilter;
  7. @Configuration
  8. public class CorsConfig {
  9. // 当前跨域请求最大有效时长。这里默认1
  10. private static final long MAX_AGE = 24 * 60 * 60;
  11. @Bean
  12. public CorsFilter corsFilter() {
  13. UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
  14. CorsConfiguration corsConfiguration = new CorsConfiguration();
  15. corsConfiguration.addAllowedOrigin("*"); // 1 设置访问源地址
  16. corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
  17. corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
  18. corsConfiguration.setMaxAge(MAX_AGE);
  19. source.registerCorsConfiguration("/**", corsConfiguration); // 4 对接口配置跨域设置
  20. return new CorsFilter(source);
  21. }
  22. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/462941
推荐阅读
相关标签
  

闽ICP备14008679号