angular6跨域问题proxy.conf.json

第一步:在项目根目录(与package.json文件平级)创建文件proxy.conf.json,加入以下配置信息:

{
    "/api": {
        //上面这个是用来代替原来的东西
        //下面这个输入您需要代理的地址,你可以把这里的8080替换成你需要的端口
        "target": "http://8080",
        "secure": false,
        "pathRewrite": {
            "^/api": ""
        }
    }
}
第三步:配置anjular.json


找到 项目根目录下的 angular.json 文件,找到 projects节点->architect节点->serve节点->option节点
追加内容:

"proxyConfig": "proxy.conf.json"
注:proxy.conf.json这个文件是你建的那个文件名
修改之后的serve 节点内容如下:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "PayLife:build",
            "proxyConfig": "proxy.conf.json" //追加的配置代码
          },
          "configurations": {
            "production": {
              "browserTarget": "PayLife:build:production"
            }
          }
        }

  

posted on 2021-10-13 14:04  左侧岚  阅读(397)  评论(0编辑  收藏  举报

导航