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