Angular 跨域问题
跨域 Angular 大约 753 字需求
在手机或平板上连接开发环境进行测试。(如果在电脑端,直接可以调整Chrome
的参数支持跨域,具体可参考之前文章:https://www.zhangbj.com/p/623.html)
解决
添加代理
angular.json
文件中的serve
节点下添加:"proxyConfig": "proxy.json"
。
新建proxy.json
文件,并和angular.json
文件处于同级目录(不同目录配置不同路径即可)。
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "XXX:build",
"proxyConfig": "proxy.json"
}
代理
文件proxy.json
中的内容如下:
{
"/ContextPath": {
"target":"http://192.168.0.1:8080",
"secure":false,
"logLevel":"debug",
"changeOrigin":true
}
}
配置 baseUrl
baseUrl
中的端口需修改为ng serve
启动的端口。默认4200
。
export const environment = {
production: false,
baseUrl: 'http://192.168.0.1:4200/ContextPath/',
};
参考
阅读 834 · 发布于 2021-12-02
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
JVM:垃圾标记阶段算法之可达性分析法阅读 558
-
Prometheus+Grafana+nginx-prometheus-exporter 监控 Nginx阅读 2929
-
JavaScript Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.阅读 5479
-
Git 命令之代码合并 rebase阅读 2191
-
JVM:开启标量替换后仍有部分对象在堆中生成阅读 961
-
HTTP Bad chunk header 和 Illegal or missing hexadecimal sequence in chunked-encoding 解决方法阅读 200
-
macOS 桌面版微信使用默认浏览器打开链接阅读 54
-
Spring Boot 使用 @ControllerAdvice 注解处理全局异常阅读 2056
-
Chrome 开发者工具模拟 WebSocket 弱网环境阅读 2309
-
Go 创建模块阅读 948