vue项目开发之proxyTable 解决开发环境的跨域

在实际项目中开个过程中vue-cli自带服务器，但是我们实际要请求我们的服务器数据接口。这里就产生了服务器和服务器代理跨域的问题，所有我们要在vue-cli中修改自带服务器的配置。

在webpack中有在config 中的index文件中，有一个proxyTable参数

没有修改过的配置

  dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
    ......

  }

假设我们请求的接口是http://daringfireball.net/api/user（瞎写的接口）

 dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
        '/api': {
            target: 'http://daringfireball.net',
            changeOrigin:true, // 如果要跨域请带上参数,
            pathRewrite: { // 可以写可以不写
                '^/api': '/api' 
            }
        }
    },
    ......

 }

下面请求数据

get () {
    this.$http.get('api/user').then(res => {
        console.log(res)
    )
}

以上就是跨域的配置