码迷,mamicode.com
首页 > 其他好文 > 详细

Angular:使用前端proxy代理解决跨域问题

时间:2020-07-29 00:44:14      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:code   nbsp   star   scripts   rewrite   pat   style   test   tar   

①在项目文件的根目录下新建文件proxy.config.json

{
  "/": {
    "target": "http://127.0.0.1:3000",
    "secure": false
  }
}

//或者
{
  "/api": {  //适用场景:需要每个请求地址前加个’/api‘
    "target": "http://127.0.0.1:3000",
    "secure": false,
    "pathRewrite": {
      "^/api": ""  //代理后的请求地址http://127.0.0.1:3000/api/...  需要将’/api‘置换为空
    }
  }
}

②修改angular.json配置文件

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "angular-http:build",
            "proxyConfig": "proxy.config.json"  //新增
          },

③修改package.json配置文件

"scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json",  //改后
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

④重启项目ng serve --open

 

Angular:使用前端proxy代理解决跨域问题

标签:code   nbsp   star   scripts   rewrite   pat   style   test   tar   

原文地址:https://www.cnblogs.com/xinhej/p/13394518.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!