angular解决跨域问题

前端之家收集整理的这篇文章主要介绍了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"
    }
}

 

猜你在找的Angularjs相关文章