vue里的vue.config跨域无效问题...

这是vue.config 里的代码:

module.exports = {
  devServer: {
    port: "8080",
    open: false,
    proxy: {
      "/api": {
        target: "xxx",//这里我把自己测试的地址换成了xxx 自己测试的时候是用真实的地址
        changeOrign: true, // 跨域
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
}

这是我组件里用axios发送请求的代码:

import axios from 'axios' //在最上面这个组件里引入的axios，main js里没有引入
axios.post('/api/auth/login').then(response=>{

console.log(response);

}).catch(error=>{

console.log(error);

})

执行结果: 貌似是/api并没有替换成target的地址…

直接不使用/api 提示我跨域问题…

自学前端半年出头，第一次接触这种东西..请大佬指教…使用的最新的脚手架和vue3…