資訊專欄INFORMATION COLUMN
摘要：設(shè)置文件這里是前臺(tái)調(diào)用后端接口時(shí)做的代理標(biāo)識(shí)注意部分的配置，如果沒(méi)有這部分的配置，那在發(fā)送請(qǐng)求的時(shí)候，實(shí)際請(qǐng)求的地址將會(huì)是。設(shè)置的這里的表示代理標(biāo)識(shí)實(shí)際的訪問(wèn)應(yīng)該是設(shè)置文件再重新啟動(dòng)一下項(xiàng)目，應(yīng)該就能啟用反向代理了。
1. 設(shè)置proxy.config.json文件
{
"/api": { //這里是前臺(tái)調(diào)用后端接口時(shí)做的代理標(biāo)識(shí)
"target": "localhost:3100",
"logLevel": "debug",
"secure": false,
"changeOrigin": true,
"pathRewrite": {
"^/api": ""
}
}
}
注意：pathRewrite 部分的配置，"pathRewrite": {"^/api": ""} 如果沒(méi)有這部分的配置，那在發(fā)送請(qǐng)求的時(shí)候，實(shí)際請(qǐng)求的地址將會(huì)是http://localhost:3100/api/actionapi/。相較于真實(shí)url，會(huì)多出/api這一部分。
2. 設(shè)置service的url//這里的api表示代理標(biāo)識(shí) //實(shí)際的訪問(wèn)url應(yīng)該是：http://localhost:3100/actionapi/ const wcfPath = "/api/actionapi/";3. 設(shè)置package.json文件
"scripts": {
"ng": "ng",
"build": "ng build --prod --aot --build-optimizer",
"start:dev": "ng serve --proxy-config proxy.conf.json --open",
"start:aot": "ng serve --prod --aot --proxy-config proxy.conf.json --open",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
}
再重新npm run start:dev啟動(dòng)一下項(xiàng)目，應(yīng)該就能啟用angular反向代理了。
**順便再補(bǔ)充一下webpack和angular的proxy地址：
https://webpack.js.org/configuration/dev-server/#devserver-proxy
https://github.com/angular/angular-cli/wiki/stories-proxy**
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107783.html
摘要：注意后端服務(wù)器地址也要帶上端口號(hào)。后面同樣可以配置多個(gè)域名，需要在配置，如下為配置后端服務(wù)自定義域名這里我附上我參考的博文地址 首先，了解一下，如果不采用nginx配置代理，需要在config目錄下的index.js文件中配置代理服務(wù)，配置如下，以某個(gè)項(xiàng)目為例： proxyTable : { /gateway: { ...
摘要：同源策略瀏覽器的一個(gè)安全功能，不同源的客戶端腳本在沒(méi)有明確授權(quán)的情況下，不能讀寫(xiě)對(duì)方資源。不受同源策略限制的跨域資源的引入是允許的頁(yè)面中的鏈接，重定向以及表單提交是不會(huì)受到同源策略限制的。1.什么是跨域資源請(qǐng)求？ https://www.cnblogs.com/niuli1987/p/10252214.html 同源： 如果兩個(gè)頁(yè)面的協(xié)議，端口（如果有指定）和域名都相同，則兩個(gè)頁(yè)面具有相...
摘要：使用組件將根據(jù)視口放置，并滑過(guò)頁(yè)面。這意味著我們不能使用狀態(tài)來(lái)對(duì)路由組件進(jìn)行樣式，因?yàn)檫@樣可以將樣式應(yīng)用于父結(jié)點(diǎn)我們的示例中的主元素，而不是路由組件。 原文：Angular?—?Supercharge your Router transitions using new animation features (v4.3+) 首先我們看一下效果展示的demo Basic Variation...
閱讀 2721·2023-04-26 02:02
閱讀 2588·2023-04-25 20:38
閱讀 4124·2021-09-26 09:47
閱讀 3109·2021-09-10 10:50
閱讀 3774·2021-09-07 09:58
閱讀 3336·2019-08-30 15:54
閱讀 2703·2019-08-30 15:54
閱讀 1924·2019-08-29 17:03
