Vue配置请求转发

使用Vue和Spring Boot开发前后端分离项目时，配置前端项目和后端项目在不同的端口下启动。

Vue配置(vue.config.js)

let proxyObj = {};
const CompressionPlugin = require("compression-webpack-plugin");
//WebSocket请求转发
proxyObj['/ws'] = {
    ws: true,
    target: "ws://localhost:8081"
};
//HTTP请求转发
proxyObj['/'] = {
    ws: false,
    target: 'http://localhost:8081',
    changeOrigin: true,
    pathRewrite: {
        '^/': ''
    }
}
module.exports = {
    //vue项目服务和端口配置
    devServer: {
        host: 'localhost',
        port: 8080,
        proxy: proxyObj
    },
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            return {
                plugins: [
                    new CompressionPlugin({
                        test: /\.js$|\.html$|\.css/,
                        threshold: 1024,
                        deleteOriginalAssets: false
                    })
                ]
            }
        }
    }
}

注意：修改了配置文件vue.config.js之后必须重启，否则不会生效。