vue前端调用后端接口,vue项目中请求接口的使用

  vue前端调用后端接口,vue项目中请求接口的使用

  本文主要介绍了在vue中配置后端接口服务的详细信息,具有很好的参考价值。希望对你有帮助。如有错误或不足之处,请不吝赐教。

  

目录

   vue配置后端接口的服务信息。最重要的一点是以这个接口为例。vue和后端接口如何进行接口请求?最近遇到了一个很奇怪的问题。附图如下。

  

vue配置后端接口服务信息

  

最重要一点

  配置完信息后,重新启动服务npm run dev。

  需要在config下的index.js中找到

  模块.导出={

  开发人员:{

  }

  }

  

以此接口为例

  开发人员:{

  //路径

  资产子目录:静态,

  assets public path:“/”,

  代理表:{

  /api: {

  Target: 3358100.1.1.1: 10 ,//设置你调用的接口的域名和端口号,不要忘记添加http。

  更改来源:真

  }

  },

  }

  然后介绍axios npm在main.js中安装axios -d

  从“axios”导入axios

  vue . prototype . $ http=axios . create({

  超时:10 * 1000

  })

  然后在vue组件中像这样使用它:

  这个。$http.get(/static/data/

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: