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

xuyangqiao
  • 56

项目开始准备重构,以前是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': ''
    }
  }
}

前端发送请求

图片描述

最后:

图片描述

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

回复
阅读 4.4k
3 个回答

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

使用

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

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

宣传栏