开始Angular踩坑...

384 阅读1分钟

1.angular配置本地跨域代理

配置方法:在根目录下新建proxy.config.json文件,基础配置示例如下:

{
  "/ServiceName": {
    "target": "http://domain.name/",
    "secure": false
  }
}

配置完后,需在package.json引入该文件配置,之后重启项目即可。

"scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json",
    ...
  }

2.路由之navigate()和navigateByUrl()的区别

使用 router.navigateByUrl() 方法与直接改变地址栏上的 URL 地址一样,是使用了新的 URL 地址。而 router.navigate() 方法则是基于一系列输入参数,产生一个新的 URL 地址。举个栗子,假设当前的 URL 地址是:

/inbox/11/message/22(popup:compose)

当调用 router.navigateByUrl('/inbox/33/message/44') 方法后,此时的 URL 地址将变成 /inbox/33/message/44 。

但如果调用 router.navigate('/inbox/33/message/44') 方法,当前的 URL 地址将变成 /inbox/33/message/44(popup:compose) 。

路由详细参考:【Angular 4 路由快速入门】

【持续更新中...上次更新:2020.03.13】