vue-cli 前后端分离调试接口的一个问题

Question

项目开始准备重构，以前是JQ等技术开发，现在准备使用vue进行重构，在开发环境的一个疑问，就是调试接口怎么访问后端的ip或者机器进行接口的开发。

例如，后端PHP小伙伴的Ip是192.168.3.222，我和他是同一个局域网，但是怎么通过配置proxyTable了，然后发送ajax一直都是404呢？代码如下：

proxyTable: {
  '/Index': {
    target: 'http://192.168.3.222/index.php',
    changeOrigin: true,
    pathRewrite: {
      '^/Index': ''
    }
  }
}

前端发送请求

最后：

请问我是哪里写错了吗？求指点。

Answer 1

你好 你的问题 解决了吗？我遇到了和你一样的问题

Answer 2

使用

proxyTable: {
  '/Index/*': {
    target: 'http://192.168.3.222/index.php',
    changeOrigin: true
  }
}

Answer 3

你用自己的电脑请求后端的本地服务肯定会跨域啊。要解决跨域就要看你们的项目是怎么处理了。
首先，线上的生产代码会不会跨域？如果会，最好是让服务端解决，他们可以配置一下服务器，可以放开权限。
线上不会跨域？ 那么在开发阶段最好是走域名访问请求接口，可以使用类似于接口转发之类的工具。
如果你们一个项目所有的请求都适用jsonp的话，那我也就呵呵了。
具体的你可以网上找一找跨域的解决方案，当然这也会涉及一些后端的架构以及处理，你可以和你的小伙伴一起探讨研究一下！