angular和ng-alain前端跨域的问题


angular是前端框架之一,相对vue和react比较,angular的难度是很大的,对于零基础的的开发着来说,需要下开打的功夫,多看文档,废话不多说了,直接上干货,希望能帮助到你,助你一臂之力!

1.第一步:再项目的根目录新建一个文件,(不是文件夹!!!!!);我新建文件名称为:proxy.conf.json

2.第二步:再proxy.conf.json文件里面写:

{

      "/api": {

          "target":"http://192.168.1.49:8080",

          "secure":"false",

          "changeOrigin": true,

          "pathRewrite": {

              "^/api": ""

          }

      }

}

3.第三步:特别重要!!!!!!!!!!!!!!!(修改全局变量配置文件environment.ts);配置结果为:


4.修改package.json文件里面的start启动命令:npm run color-less && ng serve -o --proxy-config proxy.conf.json


5.npm start 重新启动项目

你可能感兴趣的:(angular和ng-alain前端跨域的问题)