Vue 解决跨域问题

开发环境配置

在 config/index.js 找到参数 proxyTable 配置如下 ：

    proxyTable: {
      '/': {
        target: 'https://www.xxx.com',//后端接口地址
        changeOrigin: true,//是否允许跨越
        pathRewrite: {
            '^/': '/',//重写,
        }
     }
    }

通过 axios 来实现发送访问 https://www.xxx.com/app/user/login 接口:

    queryLogin: function () {
      this.axios({
        method: 'post',
        url: '/app/user/login',
        params: {
          phone: '110',
          vcode: '1234'
        }
      })
        .then(function (response) {
          console.log(response)
        })
        .catch(function (error) {
          console.log(error)
        })
    }