Vue中代理的配置

Vue代理的配置

1.在文件根目录下创建vue.config.js文件

2.编写vue.config.js配置具体代理规则：

module.exports = {
    lintOnSave: false,
    devServer: {
        //自动打开浏览器
        open: true,
        proxy: {
            '/api': {
                /* 目标代理服务器地址 */
                target: 'http://localhost:3000/api',
                /* 允许跨域 */
                changeOrigin: true,
                pathRewrite:{
                    '^/api':''
                }
            }
        }
    },
    // 全局sass引入
    css: {
        loaderOptions: {
            sass: {
                prependData: `@import './src/assets/common.scss';`
            }
        }
    },
}