为啥vue-cli打包后,存放vue实例的变量app被删除了?(其他js文件无法访问到app变量)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥vue-cli打包后,存放vue实例的变量app被删除了?(其他js文件无法访问到app变量)相关的知识,希望对你有一定的参考价值。

main.js文件(第一张)
生成的app.js文件(第二张)
可能是由于这个原因导致其他js文件无法访问到app变量(app is not defined),请问有什么办法可以解决吗?

参考技术A

你好,打包之后 用 http打开之后 变量是可以在控制台读取的。

你打包之后 用http 打开  在 控制台 用 app.就可以访问了。希望采纳

vue-cli3打包之后的文件为何不能本地打开

参考技术A

<meta charset="utf-8">

vue-cli 提供了一个入口让你能配置修改 webpack .

在根目录下新建一个 vue.config.js 文件, 然后在其中修改 publicPath 这个选项:

vue.config.js :

将这个选项设置为 \'/\' (当前文件夹).

现在你就可以本地打开 dist 文件夹中的 index.html 了.

但是会有一个小问题, 就是如果你使用了 vue-router (路由)的话, 会发现路由跳转有问题了.

这个路径明显不对呀...

原来是因为我的 vue-router 的模式设置成了 history 模式:

src/router/index.js :

只要把 mode 改为 hash 就可以正常跳转了(其实默认是这个模式的, 但如果你的项目中mode被改了你得知道是这个问题).

以上是关于为啥vue-cli打包后,存放vue实例的变量app被删除了?(其他js文件无法访问到app变量)的主要内容,如果未能解决你的问题,请参考以下文章

Vue-cli搭建完项目,各文件解释

VUE vue-cli3配置打包后的文件加上版本号

vue-cli2 测试环境打包后的项目样式与正式环境打包后的样式不一致

vue-cli静态资源处理

vue-cli打包项目后路径错误问题

vue-cli在打包后js获取的图片路径错误问题时候