跨域问题AxiosError: Network Error

  原来端口:

  • tomcat默认端口 8080
  • springboot端口 9131
  • vue 端口 9132

 存在跨域问题,不处理的话登录时会出现如下问题AxiosError: Network Error 

   

两种方法: 

法一:

把tomcat/springboot/vue端口都设置一致,比如都设置为 9131 (或者其他统一端口)

完美解决~~~

  

注:如果是在不同服务器中,记得前后端代码中的localhost改为服务器ip

法二: 

设置跨域访问(各种操作后还是不行,后续解决)

 跨域请求:strict-origin-when-cross-origin 

tomcat 设置允许跨域访问_tomcat8跨域访问配置-CSDN博客

/Users/mac/Documents/apache-tomcat-9.0.89/conf/web.xml 

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  <init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>*</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

重启 tomcat服务 

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用\[1\]和\[2\]提供了关于axios请求时出现网络错误的错误信息和可能的原因。根据这些信息,可能的原因一可能是跨域问题,而解决方案可能是配置后端服务器允许跨域请求。另一个可能的原因是网络连接问题,解决方案可能是检查网络连接是否正常。引用\[3\]提供了一个具体的请求场景,其中涉及到跨域报错。根据这个场景,可以推测问题可能是由于跨域请求导致的。为了解决这个问题,你可以尝试在后端服务器上配置允许跨域请求的设置。这样,前端页面就可以正常发送跨域请求了。 #### 引用[.reference_title] - *1* *2* [techQ&A · Vue项目axios请求时报错Network Error at createError at XMLHttpRequest.handleError](https://blog.csdn.net/qq_41113339/article/details/120439955)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network ErrorERR_NETWORK](https://blog.csdn.net/weixin_41662255/article/details/126512263)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值