Vuecli3配置代理及遇到的问题解决

devServer: {
    open: true, //配置自动启动浏览器
    // host: '0.0.0.0',
    port: 8088,
    https: false,
    hot: false,
    hotOnly: false,
    // 设置代理
    proxy: {
        '^/Menu/': {
            target: 'http://localhost:8052',  // 代理到的后端接口地址
            ws: true,        //如果要代理 websockets，配置这个参数
            secure: false,  // 如果是https接口，需要配置这个参数
            changeOrigin: true,  //是否跨域
            // pathRewrite: {
            //     '/Menu': '/'
            // }
        }
    }, 
    before: app => {}
},

NODE_ENV = 'development'
VUE_APP_CURRENTMODE='dev'
//local
// 这是后端接口
VUE_APP_API_HOST=http://localhost:8052/Menu

// axios.js
// create an axios instance
const service = axios.create({
    baseURL: process.env.VUE_APP_API_HOST, // api 的 base_url
    timeout: 5000 // request timeout
})

NODE_ENV = 'development'
VUE_APP_CURRENTMODE='dev'
//local
// 这是后端接口
VUE_APP_API_HOST=http://localhost:8088/Menu

pathRewrite: {
    '/Menu': '/'
}
// '^/api': '/api' // 这种接口配置出来 http://localhost:8088/api/login
// '^/api': '/' 这种接口配置出来 http://localhost:8088/login