Vue2.5 旅游项目实例25 联调测试上线-项目前后端联调

我们开发的时候使用的数据都是本地 mock 目录下的模拟数据，现在需要调用的是线上数据。假如我们在本地启用了一个php的后台服务，地址为 http://localhost:80

打开config/index.js文件，我们上次修改的 dev 开发模式，修改为：

proxyTable: {
      '/api': { // 转发机制
        target: 'http://localhost:80'
      }
    },

记得修改config下的文件后，需要重新启动项目。

一般情况下，后端服务器在内网或者外网上，那么我们的代理就要成写内网ip或者外网的域名地址。

通过这种方式，就可以把前端向 api 这个地址的任何请求，代理转发给任何一台服务器，从而实现前后端的联调。