Proxy error: Could not proxy request //sysTenant/getTenantDropDownList from localhost:9528 to http:/

素颜马尾好姑娘i 2024-03-16 12:18 43阅读 0赞

## 一、项目背景： ##

`提示：这里简述报错问题背景：`

当我们开发完前端一个功能之后运行调试时，通常前后端分离情况下，前、后端程序都运行起来之后，会出现 协议、域名、端口不一致的形况。此时前端调用后端接口时就会产生跨域问题，可以在前端设置代理解决。  
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).  
![在这里插入图片描述][f3a1f49fb1324506abf4fc583f11e387.png]

--------------------

## 三、原因分析： ##

> 提示：这里填写问题的分析：

**报错：** 代理路径错误  
**后端接口地址：**`http://127.0.0.1:8080`  
![在这里插入图片描述][89b60904be024f1ca1e246764c342096.png]  
由上图可以看出，在环境配置文件`.env.development`中配置的代理地址与后端接口的地址不一致，导致前端无法访问后端接口，出现代理报错。

--------------------

## 四、解决方案： ##

> 提示：这里填写该问题的具体解决方案：

### 方案： ###

在环境配置文件`.env.development`中将代理地址与后端接口的地址设置为一致的，即可令前端成功访问后端接口  
![在这里插入图片描述][26ade687a68a4df7b9f8862aa80184e7.png]

## 注意： ##

> `.env.development` – 开发环境的配置文件  
> `.env.production` – 生产环境的配置文件

[f3a1f49fb1324506abf4fc583f11e387.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7f15c5baae5644cfb2105f605c8d9be3.png
[89b60904be024f1ca1e246764c342096.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/d3fc5608235c44fd9edbfd53a24616ee.png
[26ade687a68a4df7b9f8862aa80184e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/a30206f04ec24eff9b7b6a6bdf981368.png