跨域、同源策略、配置代理

跨域：

同源策略：浏览器的一种安全协议；协议、主机、端口号，只要有一个对不上，就会产生同源策略，从而产生跨域问题。

解决跨域（三种）：

1、后端直接放开；不安全
2、JSONP：script标签不受同源策略影响，这个需要后端配合
3、配置代理（常用）
在vue.config.js中配置 ，然后重启项目

配置代理的方式

module.exports = {
    devServer: {
        //不设置 重写  http://www.baidu.com/weChat
        //设置重写   http:///www.baidu.com
        proxy: {
            '/api': {         //代理名称,这里最好有一个 
                target: /www.baidu.com',  // 后台接口域名
                changeOrigin: true,  //是否跨域
                pathRewrite:{
                    '^/api':''//路径重写
                }
            }
        }
    }
}