vue中模拟数据的意义: 当本地测试时,方法会访问模拟数据,当项目上线后,当调用方法时,会直接访‘“.do”请求,问服务器,回去数据库返回的数据。
在vue项目中的创建mock数据: 在static中创建mock文件夹以及config.js如下图
vue项目中如何配置mock数据,以及上线后的请求:
最近做vue项目时,遇到了一个问题,模拟数据时,如何配置mock中的json数据。
旧的vue脚手架中是通过 dev-server.js 来配置mock数据的。
但新的vue脚手架是下图,没有dev-server.js.这时mock数据怎么配置呢? 答案是,mock配置放在 webpack.dev.conf.js中。
找到webpack.dev.conf,js,并进行如下配置。
(9). 项目完成后,打包命令是 npm run build.
会在项目中,生成包。如下图:
(10). 把生成的项目打到服务器上,需要注意路径问题
在项目中的config文件夹下的index.js 中assetsPublicPath,配置服务器路径。(按需求配置,此处我就用默认的了)