引入下axios,然后对axios做下基本的封装。然后就是mock数据的方式说一下,以及在项目中使用的mock方式。
axios
是什么就不说了吧,你应该以及很熟了,就直接安装吧。$ npm install axios --save
src/utils/request.js
中简单的进行了一下axios封装。@vue/cli3.x
中通过新建一个.env.[xxx]
的文件来维护-->环境变量和模式mockjs
、esaymock
之类的,其实都差不多,yapi还是很好用的,一些基础的用法文档都有讲,在项目中我用高级mock的比较多,反正都是写js也可以用mockjs
的语法,还是挺方便的。devServer
,详见webpack从0到1-devServer初探。vue-cli3.x
的脚手架生成了项目中,因为隐藏了webpack的配置文件,所以新建一个vue.config.js,然后在所提供的config配置文件修改下就行,原理还是一样的。const mockUrl = 'http://yapi.demo.qunar.com/mock/17982'
module.exports = {
// ...
devServer: {
port: 8080,
open: true,
overlay: {
warnings: false,
errors: true
},
proxy: {
'/dev-api': {
target: mockUrl,
pathRewrite: { '^/dev-api': '' },
secure: false,
changeOrigin: true
}
}
},
// ...
}
vue
的脚手架升级了以后,开发配置一个项目还是变得更简单了。