前端跨域问题不能自己处理

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 出场吧!

posted @ 2020-06-02 08:22  修宁  阅读(134)  评论(0)    收藏  举报