出现的错误如下:

Proxy error: Could not proxy request /**地址/**地址/**地址/*地址 from localhost:8002 to http://localhost:8000/.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

网上搜了一天总结下来主要是:

  1. 将目标接口请求地址中的host和端口改成运行vue项目相同的host和端口;
  2. 在vue项目的根目录下找到vue.config.js文件修改端口号
 devServer: {
    open: true,//是否自动弹出浏览器页面
    host: 'localhost',
    port: 8001,
    https: false,
    hotOnly: false,
    proxy: {
      '/api': {
        // /api 的意义在于,声明axios中url已/api开头的请求都适用于该规则,
        // 注意是以/api开头,即:axios.post({url: '/api/xxx/
         target: 'http://localhost:8000',     //'服务器真实地址',
        // 此处target的意义在于:造成跨域是因为访
        // 问的host与我们的请求头里的origin不一致,所以我们要设置成一致,
        changeOrigin: true // 是否跨域
      }
    }
  },
  1. proxy 配置把 localhost 改为127.0.0.1 试试 =_=

上述方法都试了端口号也改了好多次没用,仔细思考这个错误的根本原因是什么 ?
发现问题是前端项目访问不通我的后端,,于是我转到后台 看我后台的代码!

  • 好家伙!我的问题是:
  • application-dev.yml 中的 host: localhost 中间需要打空格 所以一直会出现proxy错误 !!避坑啊朋友们!
  • 如果后端代码不启动,vue也会报这个错误!
  • 大家可以cmd 查看一下自己端口有没有被占用 端口被占用后台也启动不起来
  • 如果这些都对 再度娘吧!一定可以解决的 虽然粗心大意的没弄空格但是其中学到了不少知识点,受益匪浅!
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐