vue访问后端接口为何返回跨域？

Question

用虚拟机创建了两个服务：
1 是vue-cli3创建的vue项目，端口是8080 已配置vue.config.js 跨域部分：

页面请求代码：

2是koa后端使用端口 http://127.0.0.1:3030

但不知为何在vue页面点击按钮去请求 http://127.0.0.1:3030 却显示跨域错误

ps：我是在windows下用接口转换访问！

Answer 1

两个服务端口不同，肯定是两个不同的域了，可用koa2-cors处理跨域

Answer 2

你写错请求了，代理是devserver帮你代理的，你不需要在前端请求的时候直接写后端服务器的地址。
配置

proxy: {
  "/api": "http://localhost:3030"
}

你请求的时候还是用8080这个来请求，比如你请求'/api/user',就会代理到'http://127.0.0.1:3030/api/user'