vue axios调用接口方法报错500 internal server error的两种解决方法

 更新时间:2023年10月09日 11:39:30   作者:梁萌  
前端使用axios 访问后端接口时报错,在浏览器中点击红色的报错数据,本文给大家分享vue axios调用接口方法报错500 internal server error的两种解决方法,感兴趣的朋友一起看看吧

前端使用axios 访问后端接口时报错: 

在浏览器中点击红色的报错数据,可以看到下图:

从服务器返回的信息可以看出是请求服务器时传递的请求参数存在非法字符,被服务器拦截.

解决办法有两种:

1.把非法字符删除后再请求服务器

2.如果后端是c#接口,可以在web.config文件中做一个配置便可,具体操作如下图所示:

在配置文件中添加红色框中的代码,然后重启服务即可生效.

配置代码如下:

    <httpRuntime executionTimeout="90" maxRequestLength="409600" useFullyQualifiedRedirectUrl="false" minFreeThreads="18" minLocalRequestFreeThreads="15" appRequestQueueLimit="150" enableVersionHeader="true"  requestValidationMode="2.0"/>
    <pages validateRequest="false"></pages>

到此这篇关于vue axios调用接口方法报错500 internal server error的两种解决方法的文章就介绍到这了,更多相关vue 报错500 internal server error内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 在Vue2项目中使用Mock.js的详细教程

    在Vue2项目中使用Mock.js的详细教程

    Mock.js 是一个用于生成随机数据和拦截 Ajax 请求的 JavaScript 库,它非常适合在前端开发中模拟后端 API,尤其是在前后端分离的开发模式下,本文给大家介绍了如何在Vue2项目中使用Mock.js,需要的朋友可以参考下
    2024-10-10
  • Vue封装通过API调用的组件的方法详解

    Vue封装通过API调用的组件的方法详解

    在日常业务开发中我们会经常封装一些业务组件,下面这篇文章主要给大家介绍了关于Vue封装通过API调用的组件的方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • vue按需加载组件webpack require.ensure的方法

    vue按需加载组件webpack require.ensure的方法

    本篇文章主要介绍了vue按需加载组件webpack require.ensure的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • vue axios 封装请求拦截多次弹窗的问题及解决

    vue axios 封装请求拦截多次弹窗的问题及解决

    这篇文章主要介绍了vue axios 封装请求拦截多次弹窗的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • Vue如何从1.0迁移到2.0

    Vue如何从1.0迁移到2.0

    这篇文章主要介绍了Vue如何从1.0迁移到2.0的相关资料,需要的朋友可以参考下
    2017-10-10
  • Vue组件间的样式冲突污染问题详解

    Vue组件间的样式冲突污染问题详解

    默认情况下,写在.vue组件中的样式会全局生效,因此很容易造成多个组件之间的样式冲突问题。导致组件之间样式冲突的根本原因,我们接下来探究一下
    2022-11-11
  • vue事件监听函数on中的this指针域使用

    vue事件监听函数on中的this指针域使用

    这篇文章主要介绍了vue事件监听函数on中的this指针域使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue项目部署上线遇到的问题及解决方法

    vue项目部署上线遇到的问题及解决方法

    这篇文章主要介绍了vue项目部署上线遇到的问题及解决方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-06-06
  • vue3使用elementPlus进行table合并处理的示例详解

    vue3使用elementPlus进行table合并处理的示例详解

    虚拟数据中公司下有多个客户,公司一样的客户,公司列需要合并,客户如果一样也需要合并进行展示,所以本文给大家介绍了vue3使用elementPlus进行table合并处理的实例,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • VueCli生产环境打包部署跨域失败的解决

    VueCli生产环境打包部署跨域失败的解决

    这篇文章主要介绍了VueCli生产环境打包部署跨域失败的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11

最新评论