在线水印第二弹vue的{{}}失效

在线水印第二弹vue的{{}}失效

前言

解决了文件上传自动刷新的问题，在本地测试已经完全ok啦，然后现在部署到服务器上，记录几个问题，并且又再次找到一个蜜汁问题。

经过

部署到服务器上时，一定记得更改前后端请求&返回的地址，然后运行时提示缺少PIL库，因为直接使用了root账户，提示不能使用root账户来操作pip安装，于是去建立了虚拟环境，激活虚拟环境后，命令行的前缀就变成了虚拟环境的名字。

现在可以安装所需的各种库，然后运行了，然后提示文件打开失败，原因是我使用了本地的一个字体，于是我将字体上传，并且更改了使用字体的路径，windows采用的是\，而linux是/这里需要注意。这种公用的，放置在/usr/share下，然后记得给上权限，但是还是报错。后面发现，windows端的调用的是小写的字体名。而上传至linux后，则变成了大写的字体名，难道是windows大小写不敏感？猜测

运行后发现，使用的一个变量无法在{{}}中显示，然后新增了其他地方的{{}}也无法显示，但是使用v-model可以显示data中的数据，代码结构是先引入vue，然后是html代码，最后是script标签中自己的代码。

最后采取的办法是使用v-text，让这个组件渲染数据，但是还是未知为啥{{}}会失效。

尝试了this.$forceUpdate();强制刷新也没有效果，似乎不是卡住了，而是那里出现了逻辑问题。我直接操作了dom来将那个元素的内容替换成了data中的数据，并且log了出来，发现替换了还是没用，但是log出来的元素中的value就是它。

整个过程最奇怪的是，在本地测试一切ok，但是上传后就无法渲染。