这种场景下用什么解决跨域？

Question

问题：目前的项目是这样的，比如本机地址是：192.168.1.101，后台地址是：192.168.1.105:9006，然后前端项目跑起来的地址是192.168.1.102:8008，项目当中使用 axios，baseUrl = 192.168.1.105:9006
所以每次发起请求就跨域了，不知道这种情况是怎么解决跨域问题的？

Answer 1

其实跨域最常用的解决方式就两种1 . CORS 后端设置 headerAccess-Control-Allow-Origin: * 允许哪些域名 （*所有）Access-Control-Allow-Headers: X-Requested-With 允许哪些请求头Access-Control-Allow-Methods: PUT,POST,GET,DELETE,OPTIONS 允许哪些方法 （非简单请求会有option）后台配置完之后 axiosbaseUrl = 后端服务器地址 （开发模式）baseUrl = 线上服务器地址 （生产模式）2 . 代理 跨域是浏览器限制的 后端直接请求并不限制 所以可以 浏览器 -> 代理服务器 -> 后端 -> 代理服务器 -> 浏览器react vue脚手架 都是 用的 webpack-dev-server 其内部都是用 http-proxy-middleware你也可以自己用node简单的代理 http http-proxy-middleware http-proxy 都可以也可以用 nginx 配置完代理之后 axiosbaseUrl = 代理服务器地址 （开发模式）baseUrl = 线上服务器地址 （生产模式）