Vue中如何优雅地解决路由冲突导致的跨域问题？

本文共计750个文字，预计阅读时间需要3分钟。

在Vue中优雅地解决跨域问题，可以通过配置代理来避免直接修改浏览器同源策略的限制。以下是一个简化的示例：

如何在Vue项目中优雅地解决跨域问题，并配置代理以避免直接修改浏览器同源策略？

当我们在路由配置中设置如下代理时，可以解决跨域问题：

javascriptproxyTable: { '/goods/*': { target: 'http://localhost:3000' }, '/users/*': { target: 'http://localhost:3000' }}

如何在vue里面优雅的解决跨域，路由冲突问题

当我们在路由里面配置成以下代理可以解决跨域问题

proxyTable: { '/goods/*': { target: 'localhost:3000' }, '/users/*': { target: 'localhost:3000' } },

这种配置方式在一定程度上解决了跨域问题，但是会带来一些问题，

比如我们的vue 路由 也命名为 goods，这时候就会产生了冲突，

如果项目中接口很多，都在这里配置是很麻烦的，也容易产生路由冲突。