angular解决跨域问题

在进行项目开发过程中，经常会遇到跨域问题，下面就通过一些配置进行解决跨域问题。

1.在项目根目录下进行创建文件 proxy.config.json；

{
    "/": {
        "target": "",//要指向的域名或端口号
        "logLevel": "debug",//
        "secure": false,//
        "changeOrigin": true,//
        "pathRewrite": {
            "^/": ""
        }
    }
}

2. 修改启动文件：

修改angular.json的配置文件：

{
      "projects": {
        "my-app": {
          "architect": {
            "serve": {
              "builder": "@angular-devkit/build-angular:dev-server","options": {
                "browserTarget": "my-app:build""proxyConfig": "proxy.config.json"
              },"configurations": {
                "production": {
                  "browserTarget": "my-app:build:production"
                }
              }
            }
          }
        }
      }
    }
}

不修改angula.json文件，修改package.json文件的start命令；

{
    "name": "my-app": {
        "ng": "ng""start": "ng serve --proxy-config proxy-config.json"
    }
}

angular解决跨域问题

相关文章