Spring Boot Vue解决跨越问题

在 Spring Boot 和 Vue 的前后端分离项目中，线上、测试环境可以通过 Ngnix 来处理避免跨越问题，即前端往 Ngnix 上发，后端从 Ngnix 接收，就没有跨越问题。但如果我在本地运行前后端，或者自己是前端同事的电脑是后端。接口联调的时候会遇到跨越问题，怎么解决呢？

1.如果我是 Vue 前端可以：

• 配置代理

在项目下创建一个 js 文件，起名 vue.config.js,内容：

let proxyObj={};//定义代理空对象

proxyObj['/'] = {//拦截地址
    target: 'http://localhost:8081',//想转发的后端地址
    changeOrigin: true,//改变源
    pathRewrite: {//地址重写
        '^/': ''//''位置可以修改路径，''默认不修改
    }
}
module.exports = {//导出为 Vue 项目使用
    devServer: {//开发服务器
        host: 'localhost',//前端的 IP
        port: 8080,//前端的端口
        proxy: proxyObj//使用代理对象。
    }
}

• 在 proxyObj['/']对象中还可以配置前后端通信的 WebSocket 内容，配置略；在 devServer中还可以不配 host和port内容.也可以正常使用，它配置的是 node.js的启动时 Network 地址：
  
  删除host和 port，再次启动 Node.js ,自动生成一组 ip 、端口的地址
  
  好了先写这么多，感觉还是有实际用处的

2.如果我是 Spring Boot 后端，我可以

• 未完待续！