15.5 Allow cors ‐ Proxy - quan1997ap/angular-app-note GitHub Wiki

1. Dùng lib

Use

Lib: https://www.npmjs.com/package/local-cors-proxy

npm run proxy 
https://apphntest.stepup.edu.vn/learnext/issue-api-open/send-noti => http://localhost:8010/proxy//learnext/issue-api-open/send-noti

File: allow-cors.rar.docx

2. Setup proxy

Link : https://juri.dev/blog/2016/11/configure-proxy-api-angular-cli/

Mục đích để proxy mọi request

Từ http://localhost:4200/proxy/campaign/vsa => http://125.235.38.229:8080/campaign/vsa/v1/

proxy.conf.json

{
    "/proxy/campaign/vsa/*": {
        "target": "http://125.235.38.229:8080/",
        "secure": false,
        "changeOrigin": true,
        "logLevel": "debug",
        "pathRewrite": {
            "^/proxy/campaign/vsa/": "/campaign/vsa/"
        }
    }
}

Config.api.ts

export const environment = {
    production: true,
    ver: '/v1',
    endpoint: "/proxy/campaign/vsa",  // ApiPath api, refert file proxy.conf.json hoặc proxy-public.conf.json
    // endpoint: "http://localhost:8010/proxy/campaign/vsa", // Proxy Rikkei
    basePath: "", // Base bath backend - api,
    ...common
};

package.json

  "scripts": {
    "ng": "ng",
    "start": "ng serve -o --proxy-config src/proxy.conf.json",
   }

Sau khi update file package.json thif phải npm start lại

  ng serve -o --proxy-config src/proxy.conf.json