Vue/cli 解决跨域配置说明

在vue.config.js配置文件中，有一项是devServer进行配置

module.exports = {
  devServer: {
    // 代理配置
    proxy: {
      // 这里的 api 表示如果我们的请求地址以 /dev_api 开头的时候，就出触发代理机制
      '/dev_api': {
        target: 'www.baidu.com', // 需要代理的地址，就是后端服务器地址
        changeOrigin: true, // 是否跨域，需要设置此值为 true 才可以让本地服务代理我们发出请求
        // 路径重写
        pathRewrite: {
          // 如果不重写：  localhost:8888/dev_api/login  => www.baidu.com/dev_api/login
          // 假设我们想把  localhost:8888/dev_api/login 变成 www.baidu.com/api/login 就需要这么做
          // '^/dev_api': '/api'  
          // 假设我们想把  localhost:8888/dev_api/login 变成 www.baidu.com/login 就需要这么做
          '^/dev_api': '/'  
        }
      }
    }
  }
}