简单理解:

main.js

跨域的处理

 

 组件应用

跨域的处理

 

 

以自己公司项目为例

step1:先看一下接口文档:

跨域的处理

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

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

跨域的处理

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

跨域的处理

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

跨域的处理

 

 

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

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

跨域的处理

 

 

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

 

step1:批量封装处理

 

 跨域的处理

 

 然后批量导出:

跨域的处理

 

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

 跨域的处理

 

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

相关文章: