vue3项目去除<meta name="referrer" content="no-referrer" />标签 png图片显示不了
时间: 2023-11-11 11:41:47 浏览: 39
`<meta name="referrer" content="no-referrer" />` 这个标签是用来控制 HTTP 请求的 referer 的,如果去掉这个标签,HTTP 请求的 referer 将会是当前页面的 URL。而对于图片的显示问题,这个标签并不会影响到图片的加载。可能是其他原因导致的问题。你可以检查一下以下几个方面:
1. 图片路径是否正确,是否存在该图片。
2. 图片的格式是否正确,是否支持浏览器。
3. 浏览器是否有安装相应的插件,例如 Adobe Flash Player。
你可以逐一排查这些原因,找到问题所在,进而解决。
相关问题
vue3项目去除<meta name="referrer" content="no-referrer" />标签 后台返回的png图片显示不了
`<meta name="referrer" content="no-referrer" />` 标签的作用是告诉浏览器不要发送referrer信息,如果去掉这个标签,浏览器会默认发送referrer信息。
因此,如果你去掉了这个标签,但是后台返回的png图片显示不了,可能是因为后台需要referrer信息来验证访问权限。
你可以尝试在请求png图片的时候手动设置referrer信息,例如:
```javascript
fetch('http://example.com/image.png', {
referrer: 'http://example.com',
referrerPolicy: 'no-referrer-when-downgrade'
}).then(response => {
// 处理返回的图片数据
})
```
其中 `referrer` 参数设置为请求的来源地址,`referrerPolicy` 参数设置为只有在请求从 HTTPS 站点到 HTTP 站点时才不发送referrer信息。
如果手动设置referrer信息还是无法解决问题,你可以联系后台开发人员,询问是否有其他解决方案。
vue 添加<meta name="referrer" content="no-referrer" />
在 Vue 中添加 `<meta>` 标签可以通过在 `index.html` 文件中的 `<head>` 标签内添加来实现。具体来说,可以在 `index.html` 文件中的 `<head>` 标签内添加如下代码:
```html
<meta name="referrer" content="no-referrer" />
```
这样就可以在 Vue 应用中添加 `<meta>` 标签了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图书商城-图书列表</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> </head> <body> 0">
{{bk.bookName}} ¥{{bk.bookPrice}} <iframe src="footer.html" frameborder="0" scrolling="no" width="100%" height="245px"></iframe> <script src="/BookShopSystem_war/layui/layui.js"></script>这是完整的html代码,请结合你给出的分页功能整合出完整的代码
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)