问题记录：在Vue中使用axios 时 配置了代理后edge 浏览器正常 google 浏览器报跨域错误

问题描述：在Vue中使用axios 时 配置了代理后edge 浏览器正常 google 浏览器报跨域错误
Vue的跨域配置：

  devServer: {
    // 方式一
    // proxy: "http://localhost:5000"
    proxy: {
      '/xirang': {
        target: 'http://localhost:5000',
        pathRewrite:{'^/xirang':''},  //替换掉代理请求中的/xirang
        // ws: true,  //是否支持webscroket
        // changeOrigin: true  // 是否伪装  当为true 时 将会把请求接口与地址伪装为与服务器同一个    为false时不伪装
      },
      '/demo': {
        target: 'http://localhost:5001',
        pathRewrite:{'^/demo':''},  //替换掉代理请求中的/xirang
        // ws: true,  //是否支持webscroket
        // changeOrigin: true  // 是否伪装  当为true 时 将会把请求接口与地址伪装为与服务器同一个    为false时不伪装
      }
    }
  }

使用时的配置：

<template>
  <div class="body">
    <button @click="sendAjax">获取学生信息</button>
    <button @click="sendAjax1">获取汽车信息</button>
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "App",
  methods: {
    sendAjax() {
      axios.get("http://localhost:8080/xirang/students").then(
          res => {
            console.log(res.data)
          },
          error => {
            console.log(error)
          }
      )
    },
    sendAjax1() {
      axios.get("http://localhost:8080/demo/cars").then(
          res => {
            console.log(res.data)
          },
          error => {
            console.log(error)
          }
      )
    }
  }
}
</script>

<style>
.body {
  width: 500px;
  height: auto;
  background-color: white;
  border: gray solid 1px;
  margin: 0 auto;
  padding: 10px;
  border-radius: 10px;
}
</style>

测试截图：

目前为找到解决方法