服务器跨域问题解决办法
2019-12-18 本文已影响0人
桃子是水果
创建proxy.conf.json
配置文件,配置代理
举例:angular运行在localhost:4200,需要访问地址在localhost:8080的api
,api
的url
为localhost:8080/api/user/
,那么配置如下即可(angular代码中的url
常量就不需要添加主机地址localhost:8080
了,直接使用api/user/
即可):
{
"/api/*": { // 要访问的api的url
"target": "http://localhost:8080", // 要访问的后台服务的主机地址
"secure": false,
"loglevel": "debug",
"changeOrigin": true
}
}
直接运行ng serve --proxy-config proxy.conf.json
或者在package.json
中配置新的script
然后使用npm run 自定义的命令名
即可
举例:
"scripts": {
"start:proxy":"ng serve --proxy-config proxy.conf.json`"
}
运行npm run start:proxy
即可自动运行ng serve指令。