一、项目背景:
提示:这里简述报错问题背景:
当我们开发完前端一个功能之后运行调试时,通常前后端分离情况下,前、后端程序都运行起来之后,会出现 协议、域名、端口不一致的形况。此时前端调用后端接口时就会产生跨域问题,可以在前端设置代理解决。
vue中的proxy就是利用了Node代理。
二、报错问题描述
提示:这里描述项目中遇到的问题:
Proxy error: Could not proxy request //sysTenant/getTenantDropDownList from localhost:9528 to http://12345:8080.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ENOTFOUND).
三、原因分析:
提示:这里填写问题的分析:
报错: 代理路径错误
后端接口地址:http://127.0.0.1:8080
由上图可以看出,在环境配置文件.env.development
中配置的代理地址与后端接口的地址不一致,导致前端无法访问后端接口,出现代理报错。
四、解决方案:
提示:这里填写该问题的具体解决方案:
方案:
在环境配置文件.env.development
中将代理地址与后端接口的地址设置为一致的,即可令前端成功访问后端接口
注意:
.env.development
– 开发环境的配置文件
.env.production
– 生产环境的配置文件