angular6 访问跨域问题

时间 2019-12-04

标签 angular6 angular 访问问题栏目 AngularJS 繁體版

原文原文链接

设置反向代理json

1）创建本地代理proxyconfig.json文件api

angular6项目里新建proxyconfig.json文件，放在根目录（和angular.json同级）跨域

{
  "/apidata":{
    "target":"http://localhost:8093",
    "secure":false,
    "logLevel":"debug",
    "changeOrigin":true,
    "pathRewrite":{
      "^/apidata":""
    }  
  }
}复制代码

这里定义的/apidata就是路由匹配规则，遇到这个开始解析，而且跟pathRewrite 定义的要一致bash

target 设置的就是跨域域名端口ui

2）angular.json配置文件加载配置代理文件proxyconfig.jsonurl

而后在angular.json文件中使用上面的配置文件spa

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "project1:build",
    "proxyConfig":"proxyconfig.json"
  },复制代码

添加 debug

"proxyConfig":"proxyconfig.json"复制代码

3）服务文件里使用http.get获取接口数据，url地址须要配置上代理重写规则的 /apidata
代理