axios 请求跨域题目
1. 利用场景① 编写后端测试接口，Vue-CLI 的默认端口为 8080，所以为克制端口冲突，我们后端的端标语换成 8081。
https://i-blog.csdnimg.cn/direct/5f9033dd11bd414da1b21e997f412cde.png
② 前端通过 axios 向后端服务发起请求。
<script>
import axios from 'axios'
export default {
created() {
axios({
url: 'http://localhost:8081/api1/test',
params: {
id: 1
}
}).then(res => {
console.log(res)
})
}
}
</script>
③ 发起请求，发现前端报错。
https://i-blog.csdnimg.cn/direct/37d3f3b7816a44238cb8d553960fc422.png
本质上，前端的端口是 8080，而后端的端口是 8081，域名不一样，它们是无法进行正常交流的，天然就会报错，这时候就涉及到请求跨域的题目。
2. 办理办法
在后端接口中添加答应跨域的注解，表示答应 8080 向该服务发起请求。
@CrossOrigin(value = "http://localhost:8080")
https://i-blog.csdnimg.cn/direct/c71a3067b7f64628bb2802c20b58c4e8.png
https://i-blog.csdnimg.cn/direct/609963c5e7b044f686764cb6b0779bed.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]