为什么Angular代理服务器将源url复制到请求url？

Question

My angular project is running at http://127.0.0.1:4200 From http://127.0.0.1:4200/login I make a request to the api running at http://127.0.0.1:8000/api/register but我收到错误 404，因为请求了错误的 url：“ http://127.0.0.1:4200/127.0.0.1:8000/api/register ”。 So Angular proxy sends the request to http://127.0.0.1:4200/127.0.0.1:8000/api/register instead of http://127.0.0.1:8000/api/register .

proxy.conf.json 配置为休闲：

{
    "/api/register/*": {
    "target": "http://localhost:8000",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
    }
}

environment.prod.ts：

export const environment = {
    production: true,
    API_BASE_PATH: 'http://127.0.0.1:8000/api'
};

和 environment.ts：

export const environment = {
    production: false,
    API_BASE_PATH: '127.0.0.1:8000/api'
};

任何想法如何解决这个问题？ 谢谢！

Answer 1

如果您使用proxy.conf.json进行开发

你必须像这样改变它

{
"/register/*": {
"target": "http://localhost:8000/api",
"secure": false,
"logLevel": "debug",
"changeOrigin": true
}
}

和改变

环境.ts：

export const environment = {
production: false,
API_BASE_PATH: ''
};

代理配置做 rest