vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

时间:2024-04-09 16:56:48

用vue-cli创建了一个项目,在做登录界面的时候,需要向服务器发送请求获取数据,因为这边做的数据是通过easymock来完成后端服务器数据模拟返回到客户端的,所以需要跨域解决,请求数据的方式是通过axios来的,但是却遇到这个问题,

vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

现在一步一步问题重现:

登录界面代码

vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

这里是env.development中配置的(配置的时候路径常量一定要用VUE_APP开头

vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

创建的统一的请求接口request,是请求axios的实例对象(一定要先下载(npm install axios)并导入axios

vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

请求接口,(就是下面这个小问题,导致的一直请求不成功,修改后好了,细心细心!!~~~

vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

在vue.config.js中的配置如下:

vue代理请求跨域的时候,出现了这样的问题 Request failed with status code 404

这样修改后,没问题了,因为一个小小的问题看了很久,切记切记一定要小心小心!