終究還是要回到原始的版本 —— 馬丁路德.東

（一）構(gòu)建（也就是轉(zhuǎn)譯）
解決spa不能舒心的問題在跟模塊更改配置providers

@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    FooterComponent,
    SearchComponent,
    CarouselComponent,
    ProductComponent,
    StarsComponent,
    ProductDetailComponent,
    HomeComponent,
    FilterPipe
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RouterModule.forRoot(routeConfig),
    ReactiveFormsModule
  ],
  providers: [ProductService,WebSocketService,
    {provide: LocationStrategy,useClass:HashLocationStrategy}],
  bootstrap: [AppComponent]
})

然后你npm上

ng build

（二）部署
在服務(wù)器上新建clicent文件夾
將打包好的文件放進去就行了
然后更改服務(wù)器路由配置

import * as path from 'path';
app.use('/', express.static(path.join(__dirname, '..', 'clicent')));

沒那么簡單，如果想要在本地預(yù)覽，

一個是改變index.html。的(這是我編輯器的路徑)

 <base href="http://localhost:63342/aution1/dist/">

還要把所有的http請求改為絕對路徑
放服務(wù)器的時候把base刪了。

（三）多環(huán)境
1.在angular-cli中引入不同的配置而已。
在文件的根目錄，有一個angular-cli的配置文件
其中

 "environments": {
        "source": "environments/environment.ts",
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }

這是他的多環(huán)境配置文件。其中第一個source是通用配置，加新的環(huán)境就是在對象里面再加一個對象和相對應(yīng)的文件就行。（保證每一個文件里都有相同的配置參數(shù)）
如

export const environment = {
  production: false
};

2.在代碼中引用環(huán)境變量比如main.ts中是否調(diào)用生產(chǎn)模式

if (environment.production) {
  enableProdMode();
}

3.我們可以再package.json中的更改屬性 start
為prod（看自己用哪個環(huán)境）

 "start": "ng serve --env=prod --proxy-config proxy.conf.json",

我們在控制器里面直接用environment.什么什么的就能去到自己的環(huán)境變量了。

注意在打包的時候，也要加上自己的配置參數(shù)

ng build --env=prod