在前端解决跨域问题。在angular中添加本地代理proxy.config.json文件,内容如下,放在根目录下,文件名可随意,但是建议同意命名,方便理解记忆。在发送请求时遇到/apidata就会将路由替换,target 设置的就是跨域域名端口。比如:http://localhost:4200/apidata/login会被替换为:[http://127.0.0.1:8080/login](http://127.0.0.1:8080/login)。

    1. {
    2. "/apidata":{
    3. "target":"http://127.0.0.1:8080",
    4. "secure":false,
    5. "logLevel":"debug",
    6. "changeOrigin":true,
    7. "pathRewrite":{
    8. "^/apidata":""
    9. }
    10. }
    11. }

    在angular.json文件中使用上面的配置文件(添加”proxyConfig”:”proxy.config.json”)

    1. "serve": {
    2. "builder": "@angular-devkit/build-angular:dev-server",
    3. "options": {
    4. "browserTarget": "appname:build",
    5. "proxyConfig":"proxy.config.json"
    6. },