简单理解:

main.js

跨域的处理

 

 组件应用

跨域的处理

 

 

以自己公司项目为例

step1:先看一下接口文档:

跨域的处理

Base URL 地址是:http://192.168.1.182/admin

step2:在封装好的axios里做出如下处理:

跨域的处理

 step3:在生产环境和开发环境文件里设置

跨域的处理

 step4:在vue.config.js里配置跨域

跨域的处理

 

 

 业余补充,代理好之后就可以开始封装接口文件了:

我司的接口标准是这样写的:

跨域的处理

 

 

所有可以做批量封装处理:

 

step1:批量封装处理

 

 跨域的处理

 

 然后批量导出:

跨域的处理

 

 step2:在对应的组件内使用接口

 跨域的处理

 

 拓展:还有另外一种方式,涉及到公共接口的封装方法:(待续....)

相关文章:

  • 2021-11-08
  • 2022-01-22
  • 2021-12-06
  • 2022-01-28
  • 2021-11-22
  • 2021-11-14
  • 2021-07-14
猜你喜欢
  • 2021-09-29
  • 2021-04-18
  • 2021-07-03
  • 2021-11-05
  • 2021-07-09
  • 2021-07-26
  • 2022-01-07
相关资源
相似解决方案