Access to XMLHttpRequest at ‘http://localhost:8011/sockjs-node/info?t=1661849072906‘ from origin...

项目场景：

当运行一个 Vue 项目，出现问题描述中的报错信息。

---

问题描述

Access to XMLHttpRequest at 'http://localhost:8011/sockjs-node/info?t=1661849072906' 
from origin 'http://192.168.1.53:8012' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

解释：

在“访问XMLHttpRequest”http://localhost:8011/sockjs-节点/信息？t=1661849072906“从原点”http://192.168.1.53:8012"已被CORS策略阻止：请求的资源上不存在“访问控制允许源”标头。

---

原因分析：

跨域问题

因为我启动的前后端的项目，用的是相同的port，所以出现这种情况。

这里说明一下，当启动后端项目（port：8011），再启动前端项目（port：8011）时，前端端口启动使用的是8012，此时就会出现端口号不一致而导致的跨域问题。

---

解决方案：

只需打开前端项目根目录下的vue.config.js文件，将port改为不与后端项目port重复即可，再重新启动项目。

再去页面F12一下，Console里面的错误也就没了。

当然，修改后端项目的port也是可以的。然后重新启动后端和前端项目，应需而定。