本文主要是介绍怎样让后台小哥哥快速对接你的前端页面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前言
首先需要澄清一下,该篇文章并非标题党。这里介绍需要实现的效果是让后台工作人员不需要前端改动网络请求基础地址的前提下,使用前端代码便于本地调试。
不好意思这里说的可能有点绕了,待我给你简单的说明一下你就明白了。
我们知道前端在对接后台的时候都有这么一个基础地址,所有的后台接口调用都是通过它:
let _baseURL = 'http://api.xxx.develop.com' const service = axios.create({ // 创建 axios 实例baseURL: _baseURL, // api base_urltimeout: 120000 // 请求超时时间 }) 复制代码
现在假设有这么一个场景:
后台和前端一起开发某个需求,前端童鞋比较勤(huo)劳(shao)已经开发完页面并将代码都部署到了公司的开发环境http://xxx.develop.com上。
此时后台小哥哥A想找你对接接口,你会运行本地的前端项目,然后将配置中的_baseURL改为同事A的IP地址(假设为10.0.17.231:1001);
但同事B也开发完了想与你对接,你会怎么做?
“稍等一下哈,小张现在在和我对接”
“要不你先自己用postman自测一下你的接口?”
好为南啊,前端童鞋想做到雨露均沾啊,怎么办...
此时你多么希望能把你的前端项目当成一个静态的页面,让后台小哥哥只要配置上自己的IP地址就可以查看前端页面并进行本地调试,而不再需要前端开启服务。
该篇文章就是针对以上这种情况提供一种简单的方案,若还有更优的解决方案请评论区留言,一起学习一下
实现思路
- 利用浏览
这篇关于怎样让后台小哥哥快速对接你的前端页面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!