软件系统定制开发Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/. 的解决办法

问题概述

软件系统定制开发关于这个问题,软件系统定制开发博主是在集成的时候遇到的,软件系统定制开发在各个系统组件都开发完成后,

联调不通过,报错:” Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/.  “ 

如下图:

页面错误:

解决办法

关于导致这个问题的排查解决思路,通过以下三步:

1、组件间联调的端口号冲突,修改vue.config.js中的代理port
修改内容如下:

  1. // vue-cli设置代理服务器
  2. devServer: {
  3. publicPath: '/',
  4. host: '192.168.11.2', // 本地的IPv4地址
  5. port: '8060', // 默认端口为8080,此端口冲突,也会出现代理异常的情况
  6. inline: true,
  7. open: true, // 启动打开浏览器
  8. hot: true, // 热更新
  9. historyApiFallback: true,
  10. compress: true,
  11. overlay: {
  12. warnings: false,
  13. errors: true,
  14. },
  15. proxy: {
  16. "/api": {
  17. target: "http://39.156.66.10:8016/api", // 服务代理地址,这里的地址会代替axios中设置的baseURL地址
  18. changeOrigin: true, // 配置接口跨域请求
  19. // pathRewrite 重写url
  20. // pathRewrite: {'^/api': '/'} 重写之后url为 http://39.156.66.10:8016/
  21. // pathRewrite: {'^/api': '/api'} 重写之后url为 http://39.156.66.10:8016/api/
  22. pathRewrite: {
  23. "^/api": "/",
  24. },
  25. },
  26. },
  27. },


2、代理路径错误

例如:

https://xxx.xxx.xxx/company

写成了:

https://xxx.xxx.xxx/department

这样也是 -> Proxy error: Could not proxy request


3、代理请求的后端端口写错了(博主是这个问题导致的)

经排查,组件开发的同事,把他本地的端口提交到代码管理服务器了,导致之前的配置端口都失效了,所以就突然出现了这个问题,把端口号修改正确就可以了!

解决后,再次调试,则可以请求成功了,如下图:


好了,关于 Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/. 的解决办法  就写到这儿了,如果还有什么疑问或遇到什么问题欢迎扫码提问,也可以给我留言哦,我会一一详细的解答的。 
歇后语:“ 共同学习,共同进步 ”,也希望大家多多关注CSND的IT社区。


作       者:华    仔
联系作者:who.seek.me@java98k.vip
来        源:CSDN (Chinese Software Developer Network)
原        文:
版权声明:本文为博主原创文章,请在转载时务必注明博文出处!

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发