Vue 跨域问题，axios传参

一.什么是跨域?

简单说，当一个请求url和被请求的url的协议,域名,端口,三者之间任意一个与当前页面url不同即为跨域

二.Vue解决跨域问题

1. Vue项目->config->index.js
   
   target: ‘http://127.0.0.1:8686’ 这里是你要请求的后端端口地址
   ‘/api’：你可以看作你要请求后端端口地址的简写，
   例如:
   你现在要请求的地址为http://127.0.0.1:8686/user/register发送axios请求时就可以简写成http:/api/user/register

2. 在main.js文件中导入axios
   

三.axios传参

1.GET方式请求

this.$axios.get("http:/api/user/register?username=zhangsan&age=23")

后端接收

2.post请求方式

this.$axios.post("http:/api/user/register?key="+this.key,this.registerForm)
       
        }

这里传递了一个registerForm对象和一个Key值

后端接收
首先要创建对象类(这里的字段名字要保证和前端的字段名一样)

后端接口

post请求总结：
1.axios在发送post请求时传递的参数如果是对象类型，axios会自动将对象转化为josn格式的字符串 使用application/json的请求头向后端服务接口传参
2.axios的post请求传递参数的俩种方式:
第一种:使用字符串进行传参 “username=zhangsan&age=23“这种形式
第二种:后端接口直接使用@RequestBody 注解接收参数,将josn字符串自动封装成对象