這是第三篇了，第一篇只是介紹，第二篇介紹了api項目的運行和啟動，如果api項目沒什麼問題了，調試都正常了，那基本上就沒什麼事了，由於這一篇是講前端項目的，所以需要運行angular項目了，由於前端項目是需要調用介面的，好像要配置跨域，跨域這個東西，你可以在asp.net core項目上配置，這樣在 ...
這是第三篇了，第一篇只是介紹，第二篇介紹了api項目的運行和啟動，如果api項目沒什麼問題了，調試都正常了，那基本上就沒什麼事了，由於這一篇是講前端項目的，所以需要運行angular項目了，由於前端項目是需要調用介面的，好像要配置跨域，跨域這個東西，你可以在asp.net core項目上配置，這樣在本機5000埠運行時就可以直接調用了，也不會有跨域問題，也可以用nginx反向代理時配置跨域，由於我的項目要經常本地調試，所以我在本地直接配置了跨域，這樣部署的時候 nginx就不用配置跨域了，具體的配置代碼如下，項目里其實已經配置好了，就貼下代碼看看吧，上一篇的最底部也已經寫上了，這次就再寫一次吧。
在startup類里的ConfigureServices方法里添加如下代碼
項目代碼鏈接在第一篇里
services.AddCors(options =>
{
options.AddPolicy("any", builder =>
{
builder.AllowAnyOrigin() //允許任何來源的主機訪問
.AllowAnyMethod()
.AllowAnyHeader()
.WithOrigins("http://192.168.1.109:4200", "http://localhost:4200", "http://192.168.1.103:4200",
"http://192.168.1.103:4200", "http://192.168.16.67:4200", "http://192.168.16.138:4200", "https://www.douwp.club")
.AllowCredentials()//指定處理cookie
.SetPreflightMaxAge(TimeSpan.FromSeconds(60));
});
});在Configure方法里使用跨域 app.UseCors("any");
做到這些以後就可以愉快的玩耍了，所以來看看前端項目吧 下麵是項目結構圖
標準的前端項目文件結構 其實angular對於後端開發來說上手還是蠻快的 ts寫著很順手，就是前端擼起來比較蛋疼，好在第三方的ui庫挺多的，我用的主要就是螞蟻金服的 NG-ZORRO，對angular支持的還算可以，之前聽阿裡的哥們說angular挺老了，感覺現在學起來好像有點不流行了，不過不管怎麼說，也算是搞完了，其他的什麼就以後再說吧。下麵看看項目運行後的圖，我現在已經把它部署到自己的伺服器上了。
