关于ajax请求地址

Question

老师您好！还是上次那个问题。proxyTable地址我已经改了，但实际打印跟踪时，接口还在访问本地。我重启过了，还有哪些设置要改吗？

proxyTable: {
 '/api': {
   target: 'http://192.168.1.158/pc'
 }
},

axios.get('/api/home')

Answer 1

Dell 2018-04-23 18:52:28

实际上会转发到192.168.1.158/pc/home 你是这样的路径么

• 提问者 qq_卖菜的鱼_0 #1

  老师您好：我后来在代码中增加了下面这段，现在正常了，谢谢！
  pathRewrite: {
            '^/api': ''
          }

Answer 2

Dell 2018-04-24 13:26:07

再不用了，你是怎么确定接口还在访问本地的

• 提问者 qq_卖菜的鱼_0 #1

  是console提示你还在访问本地。

Answer 3

提问者 qq_卖菜的鱼_0 2018-04-24 10:05:06

是的。是这个路径的。只要访问192.168.1.158/pc/home就直接能得到json数据（google插件jsonhande）。但打印出来的一直是这个： GET http://192.168.1.176:8081/api/home 404 (Not Found)。

dispatchXhrRequest    @    xhr.js?ec6c:178    

176:8081是我本机的ip。就是接口还是一直访问我本机的ip地址。我感觉是否还有哪里要设置下。如本机我输入localhost:8081。接口就访问localhost了。

config/index.js相关配置如下：

assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
 '/api': {
   target: 'http://192.168.1.158/pc',
   changeOrigin: true  //是否跨域  （本行代码注释也尝试过，一样）
   // target: 'http://localhost:8081',
   // pathRewrite: {
   //    '^/api': '/static/mock'
   // }
 }
},

调用接口的vue代码如下：

getHomeInfo () {
 axios.get('/api/home')
 // axios.get('/api/index.json')
   .then(this.getHomeInfoSucc)
},

自己找了好几天资料了，麻烦老师再帮我看下，谢谢！

• Dell #1

  你和对应的ip在一个网段里么

• Dell #2

  你把路径匹配完全来看 api/home , 另外，我觉得学习方法有问题了，你应该去查下proxytable的手册，看下具体的配置项意义，下一个charles做抓包看问题

• 提问者 qq_卖菜的鱼_0 回复 Dell #3

  好的，我尝试下。但问题已解决了，谢谢老师指点！