vue前端解决跨域proxy

示例接口地址为

http://shop.loveliving.top/api/v1/1511315131

在vue.config.js文件里面

module.exports ={
    devServer: {
        proxy:{
            '/api':{
                target:"http://shop.loveliving.top",
                // 本地虚拟一个服务端接受你的请求，并代为转发
                changeOrigin:true,
                // 接口没有api的直接置为空,就是你准备用/api代替什么东西
                pathRewrite:{
                    '^/api':'/api/v1'
                }
            }
        }
    }
}

如上面所示，我使用/api代替/api/v1

所以在请求的时候，只需要输入

this.$api.post（'/api/1511315131'）就可

注：不要定义baseUrl，不要定义baseUrl，不要定义baseUrl