angular7中解決跨域問題

在先後端分離開發的過程當中，跨域問題是不可避免的

1. 在angular項目根目錄下建立proxy.config.json文件：

{
    "/api": {
        "target": "http://192.168.1.114:8041/", // 代理的地址
        "secure": false,
        "pathRewrite": {"^/api": ""}
    }
}
複製代碼

2. 在angular.json文件中添加以下代碼

3.啓動服務（須要重啓服務）

ng serve --open

4.請求使用

// ajax數據測試 post
    doPost() {
        const obj = {
            LogID: 'zhangabo',
            OldPwd: '123456',
            NewPwd: '123456'
        };
        this.http.doPost('api/ActionApi/UserInfo/ChangePassword', obj).subscribe((data: any) => {
            console.log(data, 'post請求');
        });
    }複製代碼

這樣就完成了angular前端跨域