springboot3+vue支付宝在线支付案例-解决跨域请求的问题

springboot3+vue支付宝在线支付案例-解决跨域请求的问题！为了使用外网地址，跨域请求业务接口。我们需要设置一个类。配置一下。

我们采用的方案是。借助于

WebMvcConfigurer

package com.example.demo.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebMvcConfiguration implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")  //配置了所有的路由都可以跨域请求
                .allowedHeaders("*")  //配置了允许发送的自定义请求头
                .allowedMethods("*")  //配置了路径下所有的请求都可以跨域请求
                .allowedOriginPatterns("*")  //解决跨域资源共享（CORS）问题的一个配置项，用于允许来自任何来源的跨域请求
                .allowCredentials(true)  //指定在跨域请求中是否允许浏览器发送包含凭证信息的请求
                .maxAge(3600);  //指定在给定的时间范围内，是否允许浏览器缓存特定资源的请求结果。
    }

}

如图，代码很简单。

另外需要注意的是，一定要在启动类上加个注释。否则会失败的。