无法在生产中部署 Vue 应用程序
Can't deploy Vue app in production
我正在尝试在生产环境中部署 Vue 应用程序。执行命令 "npm run build" 后,我将 "index.html" 和 "dist" 复制到我的 apache 根目录中。当我访问我的网站时,出现下一个错误:
外部"vue-axios":1 未捕获的 ReferenceError: vue 未定义
你知道我在部署我的应用程序之前是否需要执行额外的步骤吗?
PX:此应用使用 "npm run dev"
可正常运行
所以看起来你得到 Uncaught ReferenceError: vue is not defined
的原因可能是因为你需要你的源代码包 在你需要 之前你需要 Vue.js. (假设您没有 vue
捆绑到您的源代码中)
所以当浏览器点击 <script src="/dist/build.js"></script>
时,任何依赖 vue 的代码都会失败。
<!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>
更改 <script src="/dist/build.js"></script>
的顺序,使其在 <script src="cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/…;"/>
之后
我正在尝试在生产环境中部署 Vue 应用程序。执行命令 "npm run build" 后,我将 "index.html" 和 "dist" 复制到我的 apache 根目录中。当我访问我的网站时,出现下一个错误:
外部"vue-axios":1 未捕获的 ReferenceError: vue 未定义
你知道我在部署我的应用程序之前是否需要执行额外的步骤吗?
PX:此应用使用 "npm run dev"
可正常运行所以看起来你得到 Uncaught ReferenceError: vue is not defined
的原因可能是因为你需要你的源代码包 在你需要 之前你需要 Vue.js. (假设您没有 vue
捆绑到您的源代码中)
所以当浏览器点击 <script src="/dist/build.js"></script>
时,任何依赖 vue 的代码都会失败。
<!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>
更改 <script src="/dist/build.js"></script>
的顺序,使其在 <script src="cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/…;"/>