关于前后端分离跨域问题——使用DeepSeek分析查错

最新推荐文章于 2025-03-25 21:07:50 发布

原创

最新推荐文章于 2025-03-25 21:07:50 发布 · 896 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#解决跨域问题 #使用DeepSeek协助开发

我前端使用ant design vue pro框架，后端使用kratos框架开发。因为之前也解决过跨域问题，正常是在后端的http请求中加入中间件，设置跨域需要通过的字段即可，代码如下所示：

func NewHTTPServer(c *conf.Server, s *conf.Secret, rolesm *service.RolesManageService, tracer trace.TracerProvider, logger log.Logger) *http.Server {
	var opts = []http.ServerOption{
		http.Middleware(
			recovery.Recovery(),
			tracing.Server(tracing.WithTracerProvider(tracer)),
			logging.Server(logger),
			validate.Validator(),
			metadata.Server(),
			LocalHttpRequestMiddleware(),
			selector.Server(
				jwt.Server(
					func(token *jwtv5.Token) (interface{}, error) {
						return []byte(s.Bigantauthen), nil
					}, jwt.WithSigningMethod(jwtv5.SigningMethodHS256)),
			).Match(NewWhiteListMatcher()).Build(),
		),
// 下面需要解决跨域问题的字段
		http.Filter(handlers.CORS(
			handlers.AllowedHeaders([]string{"X-Requested-With", "Content-Type", "Authorization"}),
			handlers.AllowedMethods([]string{"GET", "POST", "HEAD", "OPTIONS", "PUT", "DELETE"}),
			handlers.AllowedOri