Vue错误笔记集合

Vue is not defined

在使用HTML button：

1

<button @click="login()">登录</button>

出现了错误提示：

1

Vue is not defined

解决办法：

1
2

1）<button type="button" @click="login()">登录</button>
2)<button @click.prevent="login()">登录</button>

Vue项目渲染模式为history时刷新异常

图片显示异常、以及控制台出现js引入路径错误：

1
2
3

<script type="text/javascript" src="static/live2d-widget/lib/L2Dwidget.min.js"></script>
<script type="text/javascript" src="static/js/fireworks.js"></script>
headimg: "./static/img/head.jpg",

以上三个路径改为：

1
2
3

<script type="text/javascript" src="/static/live2d-widget/lib/L2Dwidget.min.js"></script>
<script type="text/javascript" src="/static/js/fireworks.js"></script>
headimg: "/static/img/head.jpg",

就可以了。
这是因为：

./ 是当前所在目录（相对路径）

/ 是项目根目录（绝对路径）

hash模式的根路径即项目的根目录，是固定的，而history模式以/开头的路径会被当做是根路径，所以以 ./ 在hisorty模式下引入文件自然是无效的。

所以，其实无论是哪种模式，只要以 / 引入静态文件都是可以的。

nginx配置的网页刷新 404

如果我们在nginx下添加以下配置：

1

try_files $uri $uri/ /index.html

刷新虽然没有出现404，但是页面还是没有正常显示（白屏），打开控制台发现以下错误

1

Uncaught SyntaxError:Unexpected token <

这是由于：nginx配置与代码静态资源打包方式不匹配

需要修改：

index.js下build节点中以下属性改为绝对路径

1

assetsPublicPath:'/',

这样刷新就正常了。

ue-cli · Failed to download repo vuejs-templates/webpack: connect ECONNREFUSED 127.0.0.1:443

创建一个新的vue项目（vue init webpack “项目名称”）时 出现以上错误提示。
有想过重新安装webpack，可能安装后会增加或修改一些配置信息。
但实际上我现在还在用webpack打包项目呢，所以问题不是在这。

与此同时ping github.com 不通，所以问题点大概是访问不了github导致的。
于是查阅资料，做了一些配置就能成功创建vue项目了。

当然是为了帮助访问github用的，下面就是我本次的配置方法（同时也将是访问不了github网站时的推荐方案）；

1.点击左下角的window图标》搜索“记事本”

这里我们不直接打开，而是：
右键》以管理员身份运行；
因为接下来我们将要修改的文件需要以管理员身份才能修改成功。

2.点击记事本“文件”》打开

在文件弹窗的顶部可操作文件地址框中输入：
C:\Windows\System32\drivers\etc
然后回车

这里我的win10电脑下是空的，不着急；我们将文件弹窗右下角的选择项由“文本文档”调整为“所有文件”；发现多了包括hosts在内的几个文件；
如果是win7能直接看到hosts.txt文件；

3.双击hosts(.txt)，在文档的末尾添加以下内容

192.30.255.112 github.com git
185.31.16.184 github.global.ssl.fastly.net

最后保存。

接下来就是验证我们的配置是否解决了问题；

在cmd中输入：ping github.com （OK）

新建vue项目：vue init webpack “项目名称” （OK）