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

Question

我的angular项目正在http://127.0.0.1:4200从…起http://127.0.0.1:4200/login我向运行在的api发出请求http://127.0.0.1:8000/api/register但由于请求的url错误，我收到错误404："http://127.0.0.1:4200/127.0.0.1:8000/api/register".因此Angular代理将请求发送到http://127.0.0.1:4200/127.0.0.1:8000/api/register而不是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'
};

和环境.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: ''
};

代理配置完成其余