您现在的位置是：主页 > news > 无锡做家纺公司网站/小果seo实战培训课程
无锡做家纺公司网站/小果seo实战培训课程
admin2025/6/6 22:39:58【news】
简介无锡做家纺公司网站,小果seo实战培训课程,wordpress微博图床,centos wordpress 空白今天第一次使用前后端分离，就碰到了跨域问题，接下来看看是怎么解决的： 文章目录问题：解决方案：修改服务端问题： 现在我的前端代码是 5050 端口，然后后端是在8080端口： 前端的HTML文…
无锡做家纺公司网站,小果seo实战培训课程,wordpress微博图床,centos wordpress 空白今天第一次使用前后端分离，就碰到了跨域问题，接下来看看是怎么解决的： 文章目录问题：解决方案：修改服务端问题：
现在我的前端代码是 5050 端口，然后后端是在8080端口： 前端的HTML文…
今天第一次使用前后端分离，就碰到了跨域问题，接下来看看是怎么解决的：
文章目录
- 问题：
- 解决方案：
- 修改服务端
问题：
现在我的前端代码是 5050 端口，然后后端是在8080端口：
前端的HTML文件：
<head title="first"><script src="../js/vue.js"></script><script src="../js/axios.min.js"></script><script src="../js/require.js"></script>
</head>
<body><div id="myapp">{{message}}<button v-on:click="sayHello">say hello!</button></div>
<script>new Vue({el: "#myapp",data: {message: "hello,vue"},methods: {sayHello: function(){// Send a POST requestaxios({method: 'get',url: 'http://localhost:8080/str',}).then(function(response){console.log(response)})}}})
</script>
</body>
可以看到，我要用Axios去访问后端的 http://localhost:8080/str，
后端代码如下：
@RestController
public class My_Controller {@RequestMapping("/str")public String getstr(){return "hello.vue";}
}
当实现的时候，发现出现了跨域问题：
解决方案：
修改服务端
Spring Boot本身就提供了解决跨域问题的方法：
直接在Controller类里面使用@CrossOrigin 即可
@RestController
@CrossOrigin
public class My_Controller {@RequestMapping("/str")public String getstr(){return "hello.vue";}
}
然后再去访问的时候，发现跨域问题消失了：
