angular6跨域解决办法

问题描述

1. 如果用ng serve 启动，则默认打开的是4200端口
2. 上传文件的后台使用的是nodejs 的express框架，默认是3000端口
3. 前后端属于两个不同的应用，因此存在跨域现象

创建 proxy.config.json文件

{
  "/mail": {
    "target":"http://localhost:3000",
    "secure":false,
    "logLevel":"debug",
    "changeOrigin":true
  }
}

修改”package.json”文件

"scripts": {
  "ng": "ng",
  "start": "ng serve  --proxy-config proxy.config.json",
  "build": "ng build  --prod --aot",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e"
}

“start”: “ng serve --proxy-config proxy.config.json”

代码解释

访问 http://localhost:4200/mail/upload 就会转为 http://localhost:3000/mail/upload