vue3在同一服务器不同端口的通讯问题

Question

当我在开发环境测试v3的时候，配置了代理指向本地的8000端口的接口时axios的post和get是可以正常处理跨域问题的，但是当我部署到服务器的问题，vue部署在80端口后端接口是在同一服务器下的83端口，安全策略和端口都方行了，但是无法请求到内容，状态码404这是为什么？(服务器部署时请求修改端口代理已指向83)

Answer 1

【相关推荐】

• 这篇博客: Vue中使用axios分别实现post方式和get方式提交数据中的 4.使用get提交数据并获取返回结果 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  //  同一IP下调用
  this.$http.get("/user/getUserInfo",{
    params:{
      id:'0'
    }
  }).then( a => {
      this.$message.success('查询成功')
  }).catch(e => {
      this.$message.warnning('查询失败')
  })
  
  // 不同IP下调用
  this.$http.get("http://127.0.0.1:8080/user/check?id=1024").then(a => {
      
  }).catch(e => {
      
  })
  

  注意 这里用params 方式传参 地址栏内 不会显示参数 但是 实际上还是在 地址后面 拼接上了参数 他的地址是这样的：

  http://127.0.0.1:8080/user/check?id=1024
  

  而 当后端要求这样的传参： http://127.0.0.1:8080/user/check/{ id }

  你需要这样做:

  this.$http.get("http://127.0.0.1:8080/user/check" + '/' + id).then(a => {
      
  }).catch(e => {
      
  })
  

  这样你拼接的地址就会是：

  http://127.0.0.1:8080/user/check/1024
  

  具体 params 和 query的用法 请查看

  深入了解query和params的使用区别

  喜欢前端的小伙伴 可以加一下下方的微信群哦 群内有前端大神在线答疑，时不时还有技术分享哦！

  二维码过期 可以加群主好友 邀请入群哦

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HZDiICrM-1594116895925)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200707181404190.png)]

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fxCgd1st-1594116895927)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200707181238610.png)]

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^