说明：
效果图：
step1:E:\projectgood\ajnine\untitled4\public\config\config.json
{"calcServerURL": "http://localhost:3000"
}
step2:E:\projectgood\ajnine\untitled4\src\app\orance\orance.component.ts
import {Component, OnInit} from '@angular/core';
import axios from "axios";@Component({selector: 'app-orance',standalone: true,imports: [],templateUrl: './orance.component.html',styleUrl: './orance.component.css'
})
export class OranceComponent implements OnInit{ngOnInit(): void {var name="zhangfeo"console.log(name)getRuntimeConfig().then(resule=>{console.log(resule)console.log(resule.calcServerURL)})}
}const getRuntimeConfig = async () => {const res = await axios.get("/config/config.json");const { data } = await res;return data;
};step3:E:\projectgood\ajnine\untitled4\package.json
"dependencies": {"@angular/animations": "^18.2.0","@angular/material": "^18.2.10","axios": "^0.19.0",},
end
)
