出现的错误如下:
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).
网上搜了一天总结下来主要是:
- 将目标接口请求地址中的host和端口改成运行vue项目相同的host和端口;
- 在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 // 是否跨域
}
}
},
- proxy 配置把 localhost 改为127.0.0.1 试试 =_=
上述方法都试了端口号也改了好多次没用,仔细思考这个错误的根本原因是什么 ?
发现问题是前端项目访问不通我的后端,,于是我转到后台 看我后台的代码!
- 好家伙!我的问题是:
- application-dev.yml 中的 host: localhost 中间需要打空格 所以一直会出现proxy错误 !!避坑啊朋友们!
- 如果后端代码不启动,vue也会报这个错误!
- 大家可以cmd 查看一下自己端口有没有被占用 端口被占用后台也启动不起来
- 如果这些都对 再度娘吧!一定可以解决的 虽然粗心大意的没弄空格但是其中学到了不少知识点,受益匪浅!