vue-cli3x解决跨域

在根目录里的vue,config.js里配置

//配置请求转发的代理

//定义代理的对象
//let proxyObj = {};

//拦截http请求
// proxyObj['/'] = {
//     ws: false,  //关掉websocket
//     // target: 'http://47.107.158.11:8082', //目标转发的地址
//     target: 'http://localhost:8082', //目标转发的地址
//     changeOrigin: true,
//     pathRewrite:{  //请求地址重写
//         '^/': ''  //拦截到的地址不去修改它
//     }
// },

//把上面的导出来
module.exports = {
    devServer:{  //配置开发环境
        host: 'localhost', //端口号
        port: 8080,
        //proxy:proxyObj
        // proxy: {
        //     proxyObj , //代理对象
        //     '/api': {
        //         target: 'http://music.163.com/',
        //         changeOrigin: true,
        //         ws: true,
        //         pathRewrite: {
        //             '^/api': ''
        //         }
        //     }
        //}
        proxy:{
            '/': {
                ws: false,  //关掉websocket
                // target: 'http://47.107.158.11:8082', //目标转发的地址
                target: 'http://localhost:8082', //目标转发的地址
                changeOrigin: true,
                pathRewrite: {
                    '^/' : ''
                }
            },
            '/api': {
                target: '<http://music.163.com/>',
                changeOrigin: true,
                pathRewrite: {
                    '^/api' : '/api'
                }
            },
        }
    }
}