vue axios跨域

1.在vue.config.js中添加一下代码

devServer: {
    proxy: {
      '/api': {
        target: '基础路径', // 基础路径
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          // 路径重写
          '/api': ''
        }
      }
    }
  }

2.axios中创建axios实例的基础路径也需要改变，代码如下

// 创建一个axios 实例
const api = axios.create({
    //把baseURL中的基准地址更改
    baseURL: "api", // 基准地址
    timeout: 5000 // 超时时间
})

3.最重要的一点，解决完跨域问题，项目要重新启动，否则会报错！！！