Vue|跨域问题|node.js转发

2021-04-18  本文已影响0人  你家门口的两朵云

在与src同级目录新建vue.config.js,直接贴代码

//解决跨域问题:具体的解决方式是通过node.js服务器转发请求来实现
let proxyObj={};

proxyObj['/']={
    //暂时禁用websocket,我这里在线聊天用到了websocket,暂时禁用;
    ws:false,
    //要代理的目标地址(后端接口地址),写完整路径
    target:'http://localhost:8081',
    //是否跨源访问,跨域
    changeOrigin:true,
    //重写路径,如下写法就是不重写;
    pathRewrite:{
        '^/':'/'
    }
}

module.exports={
    //开发的当前主机地址,(很奇怪此处不需要‘http://’,可能是host==主机ip,target==完整的访问路径吧);
    devServer:{
        host:'localhost',
        port:8080,
        // 一定要把上面写的配置应用过来;
        proxy:proxyObj
    }
}

上一篇下一篇

猜你喜欢

热点阅读