vue-cli 3.0之跨域代理配置

什么是同源策略

同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。
所谓同源是指：协议、域名、端口都相同

什么是跨域
跨域就是不同源，就是不满足协议、域名、端口都相同的约定

跨域请求devServer代理配置
1：在 vue.config.js 文件中配置
假设我们要把http://localhost:3000/webroot/decision/view 中的域名换成 www.demo.com 相当于把请求换成 http://www.demo.com/webroot/decision/view

1.2
把请求的url写成/webroot/decision/view

注意
请求的地址必须是/webroot/decision/view，而不是http://localhost:3000/webroot/decision/view ，因为代理会检查请求开头是否为/webroot，如果以http开头，则检查不匹配，则不走代理

target:'http://www.demo.com ’

相当于遇见/webroot才做代理，则会把默认域名http://localhost:3000地址改成 target 对应的http://www.demo.com地址，但是在浏览器的F12下，Network->Headers中看到还是http://localhost:3000/webroot/decision/view ， 但是真正的请求的地址则是http://www.demo.com/webroot/decision/view