angular项目前端配置proxy代理,解决跨域问题
angular项目前端配置proxy代理,解决跨越问题
·
实现
- 项目根目录创建一个proxy.conf.json文件
- proxy.conf.json文件中配置代理规则
-
{ "/api/*": { "target": "http://example.com", "secure": false, "logLevel": "debug" } }
- 规则解释:
- 将api开头的所有请求转发到http://example.com地址
- secure字段设置为false表示目标Url使用http协议
- logLevel字段设置为debug,表示在控制台输出代理相关调试信息
-
- angular.json文件中
- 找到"architect"下的'serve'配置项,在里面添加proxyConfig属性,属性值为proxy.conf.json文件路径
{ "projects": { "your-project-name": { "architect": { "serve": { "options": { "proxyConfig": "proxy.conf.json" } } } } } }
- 找到"architect"下的'serve'配置项,在里面添加proxyConfig属性,属性值为proxy.conf.json文件路径
- 配置启动命令
-
{ "scripts": { "start": "ng serve --proxy-config proxy.conf.json" } }
-
更多推荐
所有评论(0)