同源策略CORS解决 VUE-CLI

例如要请求访问的原地址url:'https://heimahr.itheima.net/api/sys/login',

控制台碰到以下情况说明是CORS跨域问题

url: '/api/sys/login',
请求的url地址前面并没有写协议主机，axios会自动拼接上本地的地址

请求的地址会变成http://localhost：端口号/api/sys/login

代理里面只要前缀是'/***'地址,就会自动转向vue.config.js中proxy中target配置的地址，

// 同源策略 在vue.config.js中配置proxy
// 跟上path路径地址,target是要代理的服务器主机
    proxy: {
      // path:目标服务器
      '/api': {
        target: 'https://heimahr.itheima.net/'
      }
    }

vueCli配置跨域解决方案

Day2-03.vue-cli代理解决跨域_哔哩哔哩_bilibili