我的消息：{ { message }} <br /> 我的axios：{ {axiosData}} </body> <script type="text/babel"> var app = new Vue({ el: "#app", data: { message: "Hello Vue!", axiosData: "", mounted() { axios .get( "https://www.fastmock.site/mock/c9c7461f2ef67dde838195bd837154fc/study/api/study" .then((res) => { this.axiosData = res.data.data; </script> </html> 直接上代码：注意：js部分需要&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&g index.html中 cdn 的方式 引入 vue 、 vue x、 axios 、element-ui、 vue -router等包，如下图： 第二步、在使用 vue 等包的地方，注释掉import 引入 在所有使用 vue 的地方注释掉 引入 的 vue 等包，但是 Vue .use( axios )、 Vue .use( Vue Roter)、 Vue .use( vue x)等依然要使用，除了 Vue .use(ElementUI), 如果加上这句话，还是会打包element-ui到vendor. js 文件中 在main. js 在store文件加中的index. js 在api/request. js 文件中 在router 使用 cdn 约会常用的库 前端 约会compression-webpack-plugin，nginx中也配置gzip压缩 去掉.map文件， vue .config. js 中设置productionSourceMap：false， 安装uglify js -webpack-plugin，生成环境中移除console.log 用 cdn 方式解决IE 浏览器 不 兼容 ES6语法问题 引入 es6-promise、es6-promise.auto 只要在原本 引入 axios 的 cdn 之前， 引入 es6-promise、es6-promise.auto <script src="./ js /es6-promise.min. js "></script> <script src="./ js /es6-promise.auto.min. js "></script> 引入 Vue 、