Vue的两种运行模式

香蕉云编原创发布日期:2019-08-25


很多人刚上手Vue的时候,就被vue的命令吓怕了,其实假如你理解VUE为什么要这么做,学习VUE就容易很多。

在VUE的开发阶段,我们可以将VUE运行在node.js的虚拟机模式。这样的模式有什么好处呢?好处就是当你访问后台API接口的时候,可以跨域访问。

1、VUE使用node.js的虚拟机模式运行:比如你们公司的后台接口开发人员的电脑跟前端开发人员的电脑不是同一电脑,这时候假如前端通过ajax访问后台接口, 就会有跨域问题。node.js帮你解决了这一点,假如使用node.js运行前端代码,前端访问后台接口的时候,浏览器会先访问node.js后台,然后node.js帮忙反向代理到后台的API接口,这样就可以实现前后端完全分离的开发测试。

2、VUE生成dist纯静态的html页面,这是生成html结果页,这种模式的html可以单独运行,不需要依赖node.js。也就是html页面访问后台的时候访问的地址就不是node.js的地址,而是真正的后台接口地址。一般为了加速,这些静态文件是用nginx直接输出,然后nginx将后端接口的路径反向代理到后台接口的中间件去处理。

VUE其实就是有这两种运行模式,node.js的模式也不是必须,你可以理解为,这种运行模式,可以简化了开发阶段跨域的测试。

Vue详细的介绍文档,请到Vue的官方网站咨询:https://cn.vuejs.org/


在线客服