vue中~@和@的区别

@指向的是src目录，且只能在<template></template>和<script></script>中使用，在<style></style>中使用会报错

以 ~ 开头的url，其后的任何内容都会作为一个模块请求被解析，即使是相对路径。

昨天改了个一个背景图，打包发版以后没有生效，查找原因，发现是放在public目录下，问我们的上线地址会加一些前缀，所以路径没有识别出来。有放到assets里面，由于背景图片是放在全局的css文件下，一引入就报错，最后找到了~@的方式引入文件路径，了解到了他们的区别。