webpack+vuex怎么实现跨域请求数据

Question

根据 vue+webpack 安装的脚手架后，想要想一个地址请求数据，但是没有成功，操作如下：
修改config/index.js 文件：

 proxyTable: {
        'v1':{
            target:' https://www.easy-mock.com/mock/5b61584fd0774b3c9ec5034c/example1',
            changeOrigin:true,
            pathRewrite:{
                '^/aa':'/aa'
            }
        }
    },

之后再action.js中引用，

export default{
      GET_IN_THEATERS:({dispatch,state,commit}) => {
      axios({url: '/aa'}).then(res => {
            console.log(res);
        })
    }
}

但是请求的地址仍然是 http://localhost:8080/aa
请问如何设置可以请求到正确的地址呢？

Answer 1

数据已经获取成功主要我的错误有以下几点：
1、v1要改成 /aa ，首先要写对路径名称，其次要加/
2、target路径多个一个空格
3、在改完config/index.js之后要重启服务

Answer 2

proxyTable: {

    '/mock':{
        target:' https://www.easy-mock.com',
        changeOrigin:true,
        pathRewrite:{
            '^/mock':'/mock'
        }
    }
},
页面：
axios({url: '/mock/5b61584fd0774b3c9ec5034c/example1'}).then(res => {
  console.log(res)
})

兄台，你是从哪里粘贴的，都不改改

Answer 3

//转发配置
proxyTable: {
    '/mock':{
        target:' https://www.easy-mock.com',
        changeOrigin:true,
    }
},
//接口
export default{
      GET_IN_THEATERS:({dispatch,state,commit}) => {
      axios({url: 'http://localhost:8080/mock/5b61584fd0774b3c9ec5034c/example1'}).then(res => {
            console.log(res);
        })
    }
}

Answer 4

Answer 5

用nginx代理吧，5分钟教程：https://segmentfault.com/a/11...