Angular 跨域问题
跨域 Angular About 753 words需求
在手机或平板上连接开发环境进行测试。(如果在电脑端,直接可以调整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/',
};
参考
Views: 1,326 · Posted: 2021-12-02
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...