ue.config.js中的devSevrver参数
devServer: { host: ‘192.168.15.16‘,//target host port: 8088, proxy: { ‘/escp‘: { target: 192.168.15.77:8888, ws: true, changeOrigin: true,// 如果接口跨域,需要进行这个参数配置 secure: false, // 如果是https接口,需要配置这个参数为true } } },
相关配置的处理方式:及代理的详细流程
服务器的网址:http://192.168.15.16:8088/
当浏览器请求相关的API时,例如登录http://192.168.15.16:8088/login,浏览器请求的IP及端口号与服务器的相同,不会存在跨域的情况;
接受请求的是nodejs, nodejs根据参数中的代理设置去与target端口进行通信,接收的数据在返回给浏览器
这样可以完美处理调试情况下的跨域情况;
至于生产模式下的跨域情况?? vue能处理得了吗? Nginx 出场吧!
原文:https://www.cnblogs.com/xiuning/p/13029066.html