无法在生产中部署Vue应用程序

时间:2018-05-10 12:37:58

标签: npm vue.js vue-cli

我正在尝试在生产中部署Vue应用。执行命令“npm run build”后,我将“index.html”和“dist”复制到我的apache根目录中。当我访问我的网站时,出现下一个错误:

外部“vue-axios”:1未捕获的ReferenceError:未定义vue

在部署我的应用程序之前,您是否知道我是否需要执行额外的步骤?

PX:使用“npm run dev”

可以正常使用此应用程序

1 个答案:

答案 0 :(得分:0)

所以看起来你得到Uncaught ReferenceError: vue is not defined的原因可能是因为你需要你的源代码包之前你需要Vue.js. (假设您没有vue捆绑到您的来源)

因此,当浏览器点击<script src="/dist/build.js"></script>时,依赖于vue的任何代码都将失败。

&#13;
&#13;
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>soporte_7x24</title> <link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/…; crossorigin="anonymous"> </head> <body> <div id="app"></div> <script src="/dist/build.js"></script> <script src="cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/…;"/> </body> </html>
&#13;
&#13;
&#13;

更改<script src="/dist/build.js"></script>的顺序,使其位于<script src="cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/…;"/>

之后