uniapp vue h5调用豆瓣接口图片无法显示403

之所以出现这种状况是因为豆瓣接口采用了防盗链的原因，要想正常浏览网页，需要添加

<meta name="referrer"  content="never">

uni-app解决图片403问题

1.在本地新建一个html文件，复制此代码

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="referrer"  content="never"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title><%= htmlWebpackPlugin.options.title %></title><script>document.addEventListener('DOMContentLoaded', function() {document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'})</script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

2.在manifest.json文件中切换到h5，载入此模板

###3.重启服务器即可

vue解决图片403问题

找到public目录下的index.html文件，添加此语句重启服务器即可

 <meta name="referrer"  content="never">

扩展

此语句经常用于一些防盗链接，比如微信公众平台的图，QQ空间的图，加了这个不会被屏蔽，
referrer指的是来源，content对应有四个值，分别是never，always，origin，default，never的意思应该是指不需要限制来源。

uniapp vue h5调用豆瓣接口图片无法显示403相关推荐

Vue.js项目中,当图片无法显示时则显示默认图片
Vue.js项目中,当图片无法显示时则显示默认图片使用onerror方法最近在学习Vue时,遇到了一个问题,就是从后台传过来的图片路径无效时,需要在页面显示默认图片本人试了3种方法,2种方法失败了 ...
基于Ubuntu系统，调用opencv在图片上显示数字和汉字
文章目录一.汉字编码的介绍 1.汉字编码的发展过程 (1)汉字编码产生的原因 (2)常用的汉字编码 2.区位码 (1)产生原因 (2)概念简述 (3)区域分布情况 3.机内码 (1)基本概念 (2) ...
VUE 中通过v-bind:src 图片不显示问题
VUE 中通过v-bind:src 图片不显示问题,引入图片的方式用require 即可 html: <img v-bind:src='imgUrl'> js:imgUrl:requir ...
vue使用v-for遍历本地图片不显示
vue使用v-for遍历本地图片不显示的问题 1.项目中本地有一组图片需要循环遍历展示,在使用v-for遍历之后发现无法展示图片,解决方法如下. 2.首先,正常的图片路径如下,但是想要展示不能按正常的 ...
Vue中使用svg（图片不显示问题）
在vue项目中优雅的使用Svg 此处我的vue.config.js文件为 const path = require('path')function resolve(dir) {return path. ...
Vue h5 调用微信扫码接口
需求调用微信扫码接口,然后获取扫码返回结果的url中的参数,携参跳转到其他页面 1. 安装微信js-sdk 通过yarn安装 yarn add weixin-js-sdk 通过npm安装 npm i ...
2020完美解决:调用豆瓣接口错误
目前对豆瓣的API调用需要使用apikey 常用的三种 1.获取正在热映的电影:http://api.douban.com/v2/movie/in_theaters?apikey=0df993c66c ...
uni-app开发h5 发布后背景图片找不到路径
项目前提: 1.使用的是uni-app的UI框架uview; 2.项目有多套主题,需要根据不同主题获取不同样式及图片,所以需要根据主题获取此处背景图代码如下(banner组件下方有个背景图,menu ...
uni-app项目h5本地访问接口配置
创建uni-app项目找到manifest.json文件点击源码视图如果对你有用,关注一下博主的小程序,登录一下给予支持,以后有什么开源好用的源码都会上传到小程序