前台跨域

我接下来讲的主要是关于Vue的跨域问题。
1. 在项目的config目录下找到index.js文件,在文件中找到proxyTable这个属性
2. 直接上图,这样子看的比较清楚
前后台跨域的解决办法
其中target: 后台地址
changeOrigin: 是否跨域,当然是true
pathRewrite: 重写路径
3. 对于请求路径怎么写,也是直接上图
前后台跨域的解决办法
直接在url: 中写上 /api/路径 即可

举个例子:比如访问 url: ‘/api/login’
经过跨域后实际访问的地址是 '‘http://localhost:8082/login’

到此Vue跨域已经解决了


后台跨域

后台跨域比较简单,直接上方法。我用的是spring boot

  1. 直接写一个类实现WebMvcConfigurer接口,
  2. 然后重写addCorsMappings方法即可
    前后台跨域的解决办法
    以上是两种跨域方法,实现其一都可以跨域

相关文章: