這幾天接觸到的項(xiàng)目是前端和后端分離的，前端使用了angular禀酱，原來(lái)沒有接觸過(guò)這方面的項(xiàng)目憔维，咋一上手懵逼了涛救，在不修改ajax訪問路徑的情況下如何實(shí)現(xiàn)與后臺(tái)的交互？前期查到的一些資料作用不大业扒，直到看到了一篇博客《angular2 使用更改默認(rèn)端口检吆，并配置proxy.config.json進(jìn)行跨域訪問》才解決問題。
思路就是用angular-cli代理配置來(lái)解決跨域請(qǐng)求問題：
- 創(chuàng)建一個(gè)proxy.config.json配置文件
{
"/****(你所需要攔截的請(qǐng)求)": {
"target": "http://localhost:8080"(你要進(jìn)行轉(zhuǎn)發(fā)的路徑)
}
}
2. 在package.json中修改start
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.config.json",(修改后)
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
