Vue開發環境中解決跨域問題

1、在vue.config.js中配置proxy

module.exports = {
    publicPath: '/',
    outputDir: "dist",
    devServer: {
        proxy: {
            '/api': {
                target: 'http://m.renyiwenzhen.com/',
                changeOrigin: true,
                pathRewrite: {
                    "/api": ''
                }
            }
        }
    }
};

 2、組件里面請求,補全接口地址

get(){
        this.axios.get('api/xcx_ajax.php?action=babylist').then(res =>{
                 console.log(res);
         }
}

3、成功

 

剛干前端沒多久，歡迎指正。