NodeJs+Vue+MongoDB后台管理系统模板（6）Vue的跨域配置

在进行前后端交互的过程中，遇到的第一个问题肯定就是跨域的问题了，在vue中这时候需要去更改一下配置的信息，打开根目录下的config下的index.js文件。

这时候需要去更改dev下边proxyTable的信息，具体的都不多说了，你可以直接复制粘贴走，不过要记得把target的信息改一下，因为那是我本地服务所在地。

proxyTable: {
    '/apis': {
        target: 'http://localhost:4001',
        changeOrigin: true, // 支持跨域
        pathRewrite: {
            '^/apis': ''
        }
    }
},

最后的pathRewrite的意思是说更改请求的路径，把你的请求以/apis开头的替换为你的target加上替换内容，以我的为例，你也可以写成下边这个样子。

proxyTable: {
    '/apis': {
        target: 'http://localhost:',
        changeOrigin: true, // 支持跨域
        pathRewrite: {
            '^/apis': '4001'
        }
    }
},

不过一点意义都没有，皮这一下干么呢，我只是想说一下他具体是怎么操作的。

然后以后再发请求的时候，要在前面加上/apis，你也可以配置成其他的，比如说你后端的接口地址为/user/add，这时候你在vue里要通过/apis/user/add去请求，就会成功请求。

最后想要完整代码的，欢迎访问我的GitHub，最好来个Star，哈哈。