[Vue warn]: Error in mounted hook: "ReferenceError: Can't find variable: Promise"

JavaScript011

[Vue warn]: Error in mounted hook: "ReferenceError: Can't find variable: Promise",第1张

现有一个vue项目,在中使用了axios.get获取本地json文件:

在java项目中使用phantomjs调用vue静态页面:

报错:

无头浏览器PhantomJS,并不支持Promise函数

首先,vue项目安装es6-promise:

然后,在js文件中引入 es6-promise,并执行 polyfill 方法

ok,完美。

参考: https://www.npmjs.com/package/es6-promise

Spring MVC 和vue.js整合的方法:Spring MVC采用RESETful风格,vue.js做纯前端,前后通过AJAX+JSON交换数据,即可完成Spring MVC 和vue.js的整合。Spring MVC是java里面框架库,vue是javascript里面一个框架库。

Spring MVC 和vue.js整合

Spring MVC和后端框架应该都是可以整合的, 可以参考与 Laravel 整合的文件结构,其中 vue.js 部分是使用 vue-cli 的 vue init webpack 命令生成,vue-build, vue-config分别修改自 build 和 config,主要是放在根目录,方便修改 webpack 相关配置,src 目录放在了Laravel 的开发资源目录 resources/assets ;dist 目录使用 Laravel 的发布目录 public 替代。