Vue项目实战——lceleme（模仿饿了吗，vue+vant组件）问题记录

<blockquote>
目录
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#main-toc">1.src/api 以及 src/config 文件夹中的文件关系</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#RcbU7">2.打包项目之后，访问假数据接口失败，页面无法获取数据</a>
<p id="3.%E5%9C%A8%E5%93%AA%E9%87%8C%E8%AE%BE%E7%BD%AE%E6%9C%80%E5%B0%8F%E5%AE%BD%E5%BA%A6%EF%BC%8C%E9%98%B2%E6%AD%A2%E9%A1%B9%E7%9B%AE%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E6%89%93%E5%BC%80%E6%97%B6%E5%85%85%E6%BB%A1%E6%95%B4%E4%B8%AA%E5%B1%8F%E5%B9%95%EF%BC%8C%E9%80%A0%E6%88%90%E4%B8%8D%E5%A5%BD%E7%9A%84%E4%BD%93%E9%AA%8C-toc" style="margin-left:0px;"><a href="https://blog.csdn.net/Lyrelion/article/details/108152487#3.%E5%9C%A8%E5%93%AA%E9%87%8C%E8%AE%BE%E7%BD%AE%E6%9C%80%E5%B0%8F%E5%AE%BD%E5%BA%A6%EF%BC%8C%E9%98%B2%E6%AD%A2%E9%A1%B9%E7%9B%AE%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E6%89%93%E5%BC%80%E6%97%B6%E5%85%85%E6%BB%A1%E6%95%B4%E4%B8%AA%E5%B1%8F%E5%B9%95%EF%BC%8C%E9%80%A0%E6%88%90%E4%B8%8D%E5%A5%BD%E7%9A%84%E4%BD%93%E9%AA%8C">3.在哪里设置最小宽度，防止项目在浏览器打开时充满整个屏幕，造成不好的体验</a>
<p id="4.%E9%A1%B9%E7%9B%AE%E4%B8%AD%E7%94%A8%E5%88%B0vant%E7%BB%84%E4%BB%B6%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E4%B8%8D%E8%83%BD%E5%8C%BA%E5%88%86%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E9%87%87%E7%94%A8%E7%BB%91%E5%AE%9A%E5%B1%9E%E6%80%A7-toc" style="margin-left:0px;"><a href="https://blog.csdn.net/Lyrelion/article/details/108152487#4.%E9%A1%B9%E7%9B%AE%E4%B8%AD%E7%94%A8%E5%88%B0vant%E7%BB%84%E4%BB%B6%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E4%B8%8D%E8%83%BD%E5%8C%BA%E5%88%86%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E9%87%87%E7%94%A8%E7%BB%91%E5%AE%9A%E5%B1%9E%E6%80%A7">4.项目中用到vant组件的时候，不能区分什么时候采用绑定属性</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#5.git%20push%20-u%20origin%20master%20-f">5.git push -u origin master -f</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#6.%E6%96%87%E4%BB%B6%E8%AF%A6%E6%83%85">6.文件详情</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#6.1%20api">6.1 api</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#6.2%C2%A0config">6.2 config</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#6.3%20views">6.3 views</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#App.vue">6.4 App.vue</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#vue.config.js%20%E8%B7%A8%E5%9F%9F%E5%A4%84%E7%90%86">6.5 vue.config.js 跨域处理</a>
<a href="https://blog.csdn.net/Lyrelion/article/details/108152487#7.mock%E6%95%B0%E6%8D%AE%E3%80%81%E4%B8%80%E4%BA%9B%E6%8A%A5%E9%94%99">7.mock数据、一些报错</a>
<hr id="hr-toc">
<h1>1.src/api 以及 src/config 文件夹中的文件关系</h1>
<ul><li><img alt="" height="280" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-e944a214e5f182ea67cc83b102f35d6f.png" width="638"></li><li> api文件夹包含： </li></ul>
<ol><li> axios的封装(请求参数处理和拦截器) </li><li> mock服务及其模拟数据 </li><li> 项目所涉及到的所有接口汇总 (data.js) </li></ol>
<ul><li> config文件夹包含： </li></ul>
<ol><li> index.js 项目所使用的常量配置, 例如：服务器host, 接口前缀, CDN图片地址源等 </li><li> rem.js 项目UI自适应配置 </li></ol>
 
<h1 id="RcbU7">2.打包项目之后，访问假数据接口失败，页面无法获取数据</h1>
<ul><li>请求虚拟接口时请求不到是因为：生产环境没有引入mock服务</li><li>解决方案：main.js文件中的这句代码：</li><li>if(process.env.NODE_ENV == 'development') require('@/api/mock')</li><li>改为：require('@/api/mock')</li></ul>
 
<h1 id="3.%E5%9C%A8%E5%93%AA%E9%87%8C%E8%AE%BE%E7%BD%AE%E6%9C%80%E5%B0%8F%E5%AE%BD%E5%BA%A6%EF%BC%8C%E9%98%B2%E6%AD%A2%E9%A1%B9%E7%9B%AE%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E6%89%93%E5%BC%80%E6%97%B6%E5%85%85%E6%BB%A1%E6%95%B4%E4%B8%AA%E5%B1%8F%E5%B9%95%EF%BC%8C%E9%80%A0%E6%88%90%E4%B8%8D%E5%A5%BD%E7%9A%84%E4%BD%93%E9%AA%8C">3.在哪里设置最小宽度，防止项目在浏览器打开时充满整个屏幕，造成不好的体验</h1>
<ul><li><img alt="" height="311" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-2eb877506d34fb9beec600b9edab5061.png" width="525"></li><li>在 App.vue中设置：</li></ul>

Vue项目实战——lceleme（模仿饿了吗，vue+vant组件）问题记录

浏览过的版块