相信很多朋友在写前后端分离的项目时候,前端项目向后端发请求抓数据时肯定会遇到跨域问题。最近我自己也遇到了这个问题今天就是来分享一下解决的方法。
首先,我在这里先说明一下。我这边的前端项目使用的是Vue框架搭配Element-UI后端是Springboot框架。
遇到的情况就是在前端使用Element-UI表单组件里进行表单提交向后端发请求时遇到了的跨域问题
下面是前端表单提交的代码
<script>
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
console.log("submit")
this.$axios.get("http://localhost:9000/Client/hello"
).then( (rep) => {
if(rep.data == "hello"){
alert('submit!');
}else {
alert("账号或者密码错误")
}
console.log(rep)
})
} else {
console.log('error submit!!');