在Angular 6中,您可以通过添加代理配置来解决CORS(跨域资源共享)问题。以下是解决方法的代码示例:
打开proxy.conf.json
文件,如果不存在,请在根目录下创建一个新的文件。
添加以下内容到proxy.conf.json
文件中:
{
"/api": {
"target": "http://localhost:8080",
"secure": false
}
}
这将把所有以/api
开头的请求代理到http://localhost:8080
。
package.json
文件,并在"scripts"部分的"start"命令中添加--proxy-config
参数,如下所示:"scripts": {
"start": "ng serve --proxy-config proxy.conf.json"
},
现在,Angular应用程序将通过代理发送所有以/api
开头的请求,以避免CORS问题。
请注意,target
属性的值应该是您Spring Boot应用程序运行的实际地址和端口。确保两个应用程序都在运行,并且Angular应用程序中的API调用使用了相对路径,以便它们被代理。