vue前端解决跨域,配置代理服务器

1,006 阅读1分钟
在学习vue时候遇到了跨域,自己学习配置简单的代理服务器

module.export = {
    devServer:{
    	port: 1234, // 设置项目端口号
    	host: "0.0.0.0", // "0.0.0.0"是允许所有的主机访问当前项目,也可以指定某一天服务器访问
        proxy:{ // 配置代理
            '/api':{ // 正则匹配到以这个开头的时候 就用代理
                target:"http://xxx.com", //指向的是目标服务器
                changeOrigin: true, // 允许跨域
                pathRewrite:{ // 路径重写  不然接口前面会加上/api/路径,如果接口需要api则无需路径重写
                    '^/api':""
                }
            }
        }
    }
}