vue的开发模式跨域解决方案和代理配置

前端开发时候会遇到跨域的问题。

app.listen(3000,()=>{
    console.log('http://localhost:3000')
})

比如向3000端口发请求，换成是8080端口代理转发请求拿数据。
创建一个vue.config.js文件然后写入配置

module.exports = {
    devServer:{
        proxy:{
            '/api':{ //请求api这个地址时候
                target:"http://localhost:3000", //实际是地址是target
                pathRewrite:{  //重写api，/api换成空字符串
                    '^/api':""
                }
            }
        }
    }
}

开发环境的dev从3000端口换成/api/

export default {
    title:"lcelm",
    baseUrl:{
        dev:"/api/",//开发的时候后台接口的地址
        pro:""//上线产品发布之后，后台接口的地址
    },
    imgBaseUrl: ''
}

代理地址