axios 请求跨域题目

1. 利用场景

① 编写后端测试接口，Vue-CLI 的默认端口为 8080，所以为克制端口冲突，我们后端的端标语换成 8081。

② 前端通过 axios 向后端服务发起请求。

1. <script>
2. import axios from 'axios'
3. export default {
4.   created() {
5.     axios({
6.       url: 'http://localhost:8081/api1/test',
7.       params: {
8.         id: 1
9.       }
10.     }).then(res => {
11.       console.log(res)
12.     })
13.   }
14. }
15. </script>

复制代码

③ 发起请求，发现前端报错。

   本质上，前端的端口是 8080，而后端的端口是 8081，域名不一样，它们是无法进行正常交流的，天然就会报错，这时候就涉及到请求跨域的题目。
  2. 办理办法

在后端接口中添加答应跨域的注解，表示答应 8080 向该服务发起请求。

1. @CrossOrigin(value = "http://localhost:8080")

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。