當(dāng)前位置：
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
Spring Boot 解决跨域Cors问题
生活随笔
收集整理的這篇文章主要介紹了
Spring Boot 解决跨域Cors问题
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
后端主要代碼：?（http://localhost:8080/ ）
/*WebCorsConfig.java*/ package com.example.demo.Controller;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 WebCorsConfig implements WebMvcConfigurer {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("http://127.0.0.1:5500").allowedMethods("*") .allowedHeaders("*");} }?
/*CorsController.java*/ package com.example.demo.Controller;import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PutMapping; import org.springframework.web.bind.annotation.RestController;@RestController public class CorsController {@GetMapping("/getDemo")public String Get() {return "Get Ok!";}@PutMapping("/putDemo")public String Put() {return "Put OK!";} }前端測(cè)試代碼：（http://127.0.0.1:5500/）React+axios
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name='viewport'content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' /><meta name="description" content=""><meta name="keywords" content=""><title>Hello Cros</title><script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script><style>div {text-align: center;}button {margin: 10px;}</style> </head><body><div id="info"></div><div><button onclick="getDemo()">getDemo</button><button onclick="putDemo()">putDemo</button></div><script type="text/babel">function getDemo() {axios.get('http://localhost:8080/getDemo').then(response => {ReactDOM.render(<div>{response.data}</div>,document.getElementById('info'))console.log(response);}).catch(error => {console.log(error);}).finally(() => {// ignore});}function putDemo() {axios.put('http://localhost:8080/putDemo', {}).then(response => {ReactDOM.render(<div>{response.data}</div>,document.getElementById('info'))console.log(response);}).catch(function (error) {console.log(error);}).finally(function () {// ignore});}</script> </body></html>?
?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的Spring Boot 解决跨域Cors问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 投巧解决JavaScript split
- 下一篇： [转]JS导出PDF