[JavaScript知识库]Vue 开发阶段从不同 IP 获取数据 devServer 设置

Vue 开发阶段从不同 IP 获取数据 devServer 设置

有的时候，前端开发过程中，后台分块开发，在不同后台开发者手中，就需要从不同位置获取数据。

比如：

那么现在该如何从不同位置获取数据呢。

解决办法

只需要在 vue.config.js 中的 devServer 设置一下代理就行了

devServer: {
    proxy: {
        "/api/device": {
            target: 'http://192.168.0.208:8888/',
            pathRewrite: {'^/api/device': '/api/device'},
            changeOrigin: true,
        },
        "/api/login": {
            target: 'http://192.168.0.148/',
            pathRewrite: {'^/api/login': '/api/login'},
            changeOrigin: true,
        },
        "/api/camera": {
            target: 'http://192.168.0.208:8083/',
            pathRewrite: {'^/api/camera': '/api/camera'},
            changeOrigin: true,
        },
    }
}

请求的时候正常请求就可以了，它会自动代理