即使在 Spring Boot Server 中使用 CORS 配置，CORS 也存在跨域问题 [已关闭]-解网

问：

编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

3天前关闭。

这篇文章昨天经过编辑并提交审核。

改进此问题

我的Spring Boot服务器中已经有CORS配置类：

@Configuration
@EnableWebMvc
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:3000")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowedHeaders("Origin", "X-Requested-With", "Content-Type", "Accept", "Authorization")
                .maxAge(3600); // Max age of the preflight request in seconds
    }
}

问题是，即使使用该类，AXIOS 仍然会失败，并显示以下错误：

错误信息

我还缺少什么？在我的后端有其他 POST 请求时，我没有任何问题

我还尝试在控制器本身中使用@CrossOrigin（origins=“*”），但结果是一样的

@RestController
@RequestMapping("/classification/")
@CrossOrigin(origins = "*")
public class ClassificationController {

这是进行查询的类：

export default function NewClassification() {
  
  const [classification, setClassification] = useState([]);

  async function addClassification(URL, classification) {
    const createdClassification = await postRequest(URL,classification);
    setClassification(createdClassification)
  }

  console.log(useSearchParams().get('name'))
  const videogameName= useSearchParams().get('name')

  return (
    <Layout>
      <div> 
        <form>
          <input type='text' id='entity' placeholder='Write entity name'/>
          <input type='text' id='age' placeholder='Write age of the label'/>
          <input type='text' id="url" placeholder='Write URL of the homepage of the entity'/>
          <input type='text' id='country' placeholder='Write country where the entity belongs'/>
          <input type='button' value="Add new classification" onClick={e => addClassification("/classification/"+videogameName,{system:document.getElementById("entity").value,
          country:document.getElementById("country").value,tag:document.getElementById("age").value,url:document.getElementById("url").value})}/>
        </form>
      </div>
    </Layout>
  )
}

这是处理请求并将其发送到后端的类：

import axios from "axios";

const axiosClient = axios.create();

axiosClient.defaults.baseURL = "http://<ip>:8080"
axios.defaults.headers.post['Content-Type'] = 'application/json';

export async function postRequest(URL, payload){
    const response =  await axiosClient.post(URL, payload, {
        headers: {crossDomain: true},
        validateStatus: function (status) {
        return true;
        }})
    //.then(response => response)
    //.catch(err => console.log(err))
    console.log(response)

    return response.data
}

javascript java spring-boot next.js axios

即使在 Spring Boot Server 中使用 CORS 配置，CORS 也存在跨域问题 [已关闭]

CORS cross-origin problem even with CORS configuration in Spring Boot Server [closed]

评论