请求数据出现跨域问题。本地启动两个端口号，一个脚手架搭建的前端，一个用node启动的后台服务。

电玩女神 2023-05-29 11:50 3阅读 0赞

### 问题描述： ###

本地启动两个服务，一个前台，一个后台，访问的时候出现跨域问题。

请求跨域结果如下：

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.

![20191106003106982.png][]

### 解决办法： ###

可以在前端页面package.json 里面配置一个代理服务器。如下：

【package.json】文件添加如下代码：

> "proxy":"http://localhost:5000"

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70][]

页面上的请求域名，设置为空。代码如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70 1][]

这样，基本上就配置好了。

重新启动项目，npm start 运行，再次去请求，就不会出现跨域的问题啦。

![20191106133451354.png][]

\------完。

[20191106003106982.png]: https://img-blog.csdnimg.cn/20191106003106982.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191106003946154.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191106004119919.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ==,size_16,color_FFFFFF,t_70
[20191106133451354.png]: https://img-blog.csdnimg.cn/20191106133451354.png