wsdo#vnshop#21.如何在vue里面优雅的解决跨域，路由冲突问题1

# 如何在vue里面优雅的解决跨域，路由冲突问题 ## 当我们在路由里面配置成以下代理可以解决跨域问题 ``` proxyTable: { '/goods/*': { target: 'http://localhost:3000' }, '/users/*': { target: 'http://localhost:3000' } }, ``` > 这种配置方式在一定程度上解决了跨域问题，但是会带来一些问题， 比如我们的vue 路由 也命名为 goods，这时候就会产生了冲突， 如果项目中接口很多，都在这里配置是很麻烦的，也容易产生路由冲突。 ##　正确的姿势 ## 如果把所有的接口，统一规范为一个入口，在一定程度上会解决冲突 把以上配置统一前面加上 /api/ ``` proxyTable: { '/api/**': { target: 'http://localhost:3000' }, }, ``` ## 如果我们配置成这种方式,在使用http请求的时候就会发生变化，会在请求前面加上一个api，相对路由也会发生变化，也会在接口前面加上api，这样也会很麻烦,我们可以使用以下方式来解决这个问题 ``` proxyTable: { '/api/**': { target: 'http://localhost:3000', pathRewrite:{ '^/api':'/' } }, }, ``` ## 上面这个�