Angular11跨域问题解决

安装

1
npm install -g @angular/cli

思路

添加代理

创建代理文件

proxy.config.json

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

/boot 代理的路径
target 目标暮景
pathRewrite 重写路径
比如代理路径为 /boot/login,则重写的路径为 /login ,
最终为 http://127.0.0.1:8888/boot/login

启动时添加配置文件

package.json 文件中

1
ng serve --port 4100 --proxy-config proxy.config.json

启动命令

1
yarn run start

本文地址: https://github.com/maxzhao-it/blog/post/4317/