proxy解决跨域问题

首先我们在本地开发，域名都是localhost，当我们需要请求后台数据时，就会出现跨域的问题

下面就是在vue.config.js配置文件里：

devServer: {

    proxy: {

      // detail: https://cli.vuejs.org/config/#devserver-proxy

      '/api': {

        target: `http://10.24.4.214:8098/api`,

        changeOrigin: true,

        pathRewrite: {

          '^/api' : ''

        }

      }

    }

}

/api表示需要去匹配请求时的url，然后替换成target的值

比如你页面里是写的：

axios.post('/api/list/gd')
最终node去请求后台的地址是：http://10.24.4.214:8098/api/list/gd
但是你在浏览器里看到的还是：http://localhost:8888/api/list/gd，这时候就不存在跨越的问题的，node服务已经代理拿到数据了