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

第四步：重新启动项目。

使用方法

原来URL：

url="http://localhost:8080/index"
http.get(url)

更改后写法：(加上前缀,用api来代替原来的前缀，再跟上正确的接口地址即可，这里的api是指你前面新建的那个文件的内容开头，你也可以改成你自己能喜欢的字母，只要和前面那个json文件对应即可）

url="/api/index"
http.get(url)