在Angular 6中解决跨域问题可以使用代理。以下是一个示例,展示如何使用代理解决跨域问题。
首先,打开angular.json
文件,在architect > serve > options
中添加"proxyConfig": "proxy.conf.json"
,如下所示:
"architect": {
"serve": {
"options": {
"browserTarget": "your-app:build",
"proxyConfig": "proxy.conf.json"
}
}
}
接下来,在项目根目录下创建一个名为proxy.conf.json
的文件,并添加以下内容:
{
"/api/*": {
"target": "http://api.example.com",
"secure": false,
"logLevel": "debug"
}
}
上述配置中,/api/*
是要代理的API路径,target
是API的基本URL。secure
设置为false
表示不需要SSL证书,logLevel
设置为debug
以便在控制台中查看代理请求的日志。
最后,在运行开发服务器之前,确保在package.json
的scripts
中添加了"start": "ng serve"
,然后运行npm start
命令启动开发服务器。
现在,当您在Angular应用程序中发起一个请求到/api/*
路径时,它将被代理到指定的API地址。