美文网首页
Vue|跨域问题|node.js转发

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

作者: 你家门口的两朵云 | 来源:发表于2021-04-18 00:16 被阅读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
        }
    }
    
    

    相关文章

      网友评论

          本文标题:Vue|跨域问题|node.js转发

          本文链接:https://www.haomeiwen.com/subject/abkmlltx.html