vue加载本地资源的依赖被识别成外网资源并拦截
时间: 2024-05-14 22:15:03 浏览: 89
这可能是因为你在 Vue 中使用了相对路径引用本地资源,而浏览器会将其解析为外网资源。解决方法可以尝试使用绝对路径引用本地资源,或使用 Vue 的内置指令 `require` 或 `import` 引入本地资源。
例如,使用绝对路径引用本地图片:
```html
<template>
<div>
<img :src="require('@/assets/images/logo.png')" alt="logo">
</div>
</template>
```
或使用 `import` 引入本地图片:
```html
<template>
<div>
<img :src="imageSrc" alt="logo">
</div>
</template>
<script>
import logo from '@/assets/images/logo.png'
export default {
data() {
return {
imageSrc: logo
}
}
}
</script>
```
这样便可以避免被识别为外网资源并被拦截的问题。
阅读全文