angular解决跨域问题

发布时间：2020-12-17 16:55:25 所属栏目：安全来源：网络整理

导读：在进行项目开发过程中，经常会遇到跨域问题，下面就通过一些配置进行解决跨域问题。 ? 1.在项目根目录下进行创建文件 proxy.config.json； { "/": { "target": "",//要指向的域名或端口号 "logLevel": "debug",// "secure": false,// "changeOrigin": true,/

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

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"
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!