angularjs 配置解决跨域

最新推荐文章于 2024-04-08 17:22:13 发布

weixin_34336526

最新推荐文章于 2024-04-08 17:22:13 发布

阅读量570

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json 前端 ViewUI

原文链接：https://my.oschina.net/pingheyongfeng/blog/3005140

本文详细介绍如何通过配置proxy.config.json文件实现跨域请求，包括设置目标URL、安全选项、更改源头及路径重写规则，适用于Angular项目的开发。文章还展示了如何在package.json中指定代理配置文件，以及如何在代码中引用接口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

先有一个proxy.config.json文件

	{

 "/test": {

	"target":"http://192.168.51.178:8769", // 这表示代理了这个域名得接口地址

	"secure":false,

	"changeOrigin":true,

	"pathRewrite":{

 	 "^/test":""

	}

 },
"/category": {

	"target":"http://192.168.51.178:21001",

	"secure":false,

	"changeOrigin":true,

	"pathRewrite":{

  	"^/category":""

	}

},
"/user":{
	"target":"http://192.168.51.178:9769",

	"secure":false,

	"changeOrigin":true,

	"pathRewrite":{

  	"^/user":""

 }
},
 "/order": {

	"target":"http://192.168.51.178:21001",

	"secure":false,

	"changeOrigin":true,

	"pathRewrite":{

 	 "^/order":""
 }
 }

}

在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"
},

请求接口引用

	// 公用 管理员
export const COMMON_HEAD:string = "/test";
export const GET_CAPTCHA_INIT:string = COMMON_HEAD+"/ua/api/backstage/captcha/init";

转载于:https://my.oschina.net/pingheyongfeng/blog/3005140