vue+axsios+Springboot前后端跨域及get请求和post请求的区别

在前后端都没有进行跨域操作时，发送请求就会报这样的错误

用前端代码跨域

浏览器有同源策略的限制所以需要用代理服务器中转
在config的index.js文件中

dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: 'http://192.168.1.4:8080/', // 你请求的第三方接口
        changeOrigin: true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {  // 路径重写，
          '^/api': ''  // 替换target中的请求地址，也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
        }
      }
    }
  }

重启项目，请求已经有响应，打印then的resoponse，data中数据为后台返回的值
此时发送的请求为

用后端代码跨域

在controller层加个注解@CrossOrigin

前端的代码不处理跨域请求依然有响应

此时的url和前端做跨域是不同的
我的前端项目的端口是8081，后端代码的端口为8080

get和post的区别

• get参数暴露，post不暴露（http都是明文，要是要安全用https）
• get只接收ASCII字符，post不限
• get和post本身对内容的长度没有限制，但是浏览器会限制get参数的长度
• get发送一个包，而post发送两个（firefox发送一个），post会先发送header，再发送body。发两次包的情况下，校验严谨，安全性提升显著

总所周知，请求带参数的方式为params和data两种。一般情况下get使用params，post使用data。特殊情况下post也可以用params带参数。但是get不能用data带参数。