資訊專欄INFORMATION COLUMN
摘要：配置在項(xiàng)目根目錄下創(chuàng)建文件代表后臺(tái)項(xiàng)目路徑指明訪問(wèn)地址修改為分割線用啟動(dòng)項(xiàng)目后端接口訪問(wèn)用自己測(cè)試通過(guò)
1.配置：在angular項(xiàng)目根目錄下創(chuàng)建：proxy.config.json
proxy.config.json文件：
{
"/":{
"target":"http://127.0.0.1:8080"
}
}
"/"：代表后臺(tái)項(xiàng)目路徑
"target":"http://127.0.0.1:8080" 指明訪問(wèn)地址
2.修改package.json 為
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.config.json",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
}
-----------------------------------------分割線----------------------------------------------
用 ng serve --proxy-config proxy.config.json 啟動(dòng)angualr項(xiàng)目
3.后端springboot接口：
@RestController
@RequestMapping("/test")
public class TestController {
@Autowired
private UserService userService;
@GetMapping("/getUsers")
public String getUsers(){
return ""{"aa":"11"}"";
}
}
4.angular訪問(wèn)：
import { HttpClient } from "@angular/common/http";
// 用HttpClient
this.http.get("/test/getUsers").subscribe(data => {
console.log(data);
});
自己測(cè)試通過(guò)；
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/90739.html
摘要：后端程序配置因?yàn)槭怯米詣?dòng)生成的應(yīng)用。允許進(jìn)行跨域訪問(wèn)的方法，我們這里主要用到的是和兩種方法。現(xiàn)在為止，先設(shè)置這些，后面還有具體路由的配置和認(rèn)證等內(nèi)容。所以，我一直用這個(gè)框架來(lái)構(gòu)建網(wǎng)頁(yè)樣式。其中表的與表的設(shè)置為外鍵約束。 在上面一章中，我創(chuàng)建了前端的angular4框架程序和后端的nodejs-express框架程序，在這一章中，我準(zhǔn)備對(duì)前后端程序進(jìn)行一些簡(jiǎn)單的配置，然后將后臺(tái)數(shù)據(jù)庫(kù)創(chuàng)建...
閱讀 2508·2023-04-25 17:37
閱讀 1189·2021-11-24 10:29
閱讀 3696·2021-09-09 11:57
閱讀 692·2021-08-10 09:41
閱讀 2243·2019-08-30 15:55
閱讀 2811·2019-08-30 15:54
閱讀 1942·2019-08-30 15:53
閱讀 895·2019-08-30 15:43
