vue-cli项目引入assets里的css样式出错

vue-cli项目引入assets里的css样式出错


在写个人项目的时候,引入了阿里云字体库,如下所示:

vue-cli项目引入assets里的css样式出错

然后再Login.vue组件里引入样式表

vue-cli项目引入assets里的css样式出错
然后npm run dev就出问题了

vue-cli项目引入assets里的css样式出错

之前我这样做在其他的项目中没出现问题,后来看到这个问题,和我的问题很像,这里写链接内容
于是我在用相同的方法引入测试的样式表,没出现问题vue-cli项目引入assets里的css样式出错

最后定位问题出现在这:
vue-cli项目引入assets里的css样式出错
左侧的是我之前写的没问题的,右侧的是出问题了的,可以对比一下,它们有些地方不一样,右侧的多了?t=之类的参数,本来想按照上面的问题链接去修改的。。但是正则匹配起来比较麻烦,所以我直接用了阿里云字体库的在线链接

vue-cli项目引入assets里的css样式出错
可以看到,代码中没有之前那样?t=这样的东西了,将上述代码替换到它默认的@font-face即可。然后npm run dev就能正常运行了。

修改正则匹配应该也可以,厉害的大神可以去试一下。

以上纯属个人经验见解,若有错误之处,还请批评指正。