其中的port也可以改对应的启动端口,在最新版本的vue-cli配置中 即使设置的端口被占用了,他自动会在其端口在加1 开启服务的。
饿了吗APP 接口设置问题
由于bulid文件夹下的两个文件没有,那饿了吗接口怎么设置呢。
在此之前我们理解下饿了吗app的接口的设置原理,由于数据都是直接从data.json这个文件获取的,所以呢,我们要模拟mock做个接口。但是在饿了吗APP的设置中 它是直接启动服务的时候把接口给做好了,这也是为什么我们可以直接访问其/api/seller有对应数据
vue-cli 2.9.1
在vue-cli 2.9.1之前版本是在dev-server.js直接设置的 具体参数在
vue-cli 2.9.1
方法一:
回到起点,在最新版本vue-cli的配置中浏览器服务都在webpack-dev-server 这个插件中,那我们就其在webpack.dev.conf.js进行修改
现在我们的要求就是怎么在服务开启的时候接口数据也对应做好呢,那我们查看其插件API 刚好有一个参数就是devServer.before
devServer.before
就是解决问题所在了。 进行修改
webpack.dev.conf.js
这样我们就可以直接发送API请求数据了
this.axios.get("/api/seller").then(function(res){ // do something })
方法二
会node的也可以直接做个api接口,开启node服务 然后饿了吗项目直接访问这个接口,当然这里会存在跨域问题和路由映射,不过webpack-dev-server 帮你们解决这个问题了 主要是设置参数问题 devServer.proxy 进行路由映射等等
不过这些还需要考虑到自身能力,我建议还是使用第一种方法
总结
前端技术更新那么快,我们最好就是每天都要学习想对应的知识,主要是底层能理解透彻了 这些问题我们就可以对应解决
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。