问题描述:
本地启动两个服务,一个前台,一个后台,访问的时候出现跨域问题。
请求跨域结果如下:
Access to XMLHttpRequest at 'http://localhost:5000/users/api/login.do' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
解决办法:
可以在前端页面package.json 里面配置一个代理服务器。如下:
【package.json】文件添加如下代码:
"proxy":"http://localhost:5000"
页面上的请求域名,设置为空。代码如下:
这样,基本上就配置好了。
重新启动项目,npm start 运行,再次去请求,就不会出现跨域的问题啦。
------完。