現(xiàn)在剛剛實(shí)習(xí),好多東西都是以前沒見過的,比如說前后端分工,以前都是一個(gè)人做點(diǎn)小東西,前后都是自己做。
言歸正傳,前后端分工,可能面臨一個(gè)問題,就是跨域的問題,這里我是用angular做開發(fā),可能解決跨域的方法是不都適用,但是思想應(yīng)該都差不多。
分為三步
1.在項(xiàng)目root位置(項(xiàng)目文件樹的第二層),添加一個(gè)proxy.config.json文件
內(nèi)容
{
????"/proxy/*": {??
????"target": "http://localhost:8080/",? ? ? ?//你要代理的url? 代理后計(jì)算式同源操作,
????"secure": false,
????"changeOrigin": true,//
????"logLevel": "debug",
????"pathRewrite": {"^/proxy" : ""}
????}
? }
2.package.json配置
"scripts": {
? ? "ng": "ng",
? ? "start": "ng serve --proxy-config proxy.config.json",
? ? "test": "ng test",
? ? "lint": "tslint ./src/**/*.ts -t verbose",
? ? "e2e": "ng e2e"
? },
3.適用 npm? start 啟動(dòng)? 而不是ng? serve