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

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

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

 

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

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

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

解决办法有两种:

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

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

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

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

配置代码如下:

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