vue axios跨域问题

vue3为例：

• 【vue.config.js】文件，目录里面没有的话需要真机创建

  代理的它通俗意思：我这里设置api意思就是在遇到于/api开始的接口的时候，间本地地址转化为接口地址

  如：http://localhost:8080/api 等价于 http://123.123.122.166:3101

module.exports = {
  devServer: {
    proxy: {
      '/api': {       
        // 目标的路径
        target: 'http://123.123.122.166:3101',  //也就是接口地址
        // 允许跨域
        changeOrigin: true,
        // 重写跨域
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

• 在main.js的axios调用接口的时候

  //这个是我采用了开发时和发布时的环境设置
  //方法1
  const BASEURL = process.env.NODE_ENV === 'production' ? '' : '/api' 
  l