Vue.js/Nuxt.js在404上加载回退映像

文章/答案/技术大牛

发布

1回答

javascript、vue.js、vuejs2、nuxt.js

我正在尝试设置一个默认图像(占位符图像)，以防找不到图像资源(404)。我有一篇dict文章，它对key author_image有价值。所以这个字符串不是空的，但是它就是不能加载图像。在我的模板中： <img alt="Author Image"> 在我的方法中：event.target.src = '~/as

浏览 15提问于2019-02-09得票数 1

1回答

我使用Vue.js ()制作了一个网站的一部分，它是一个目录，条目根据位置等加载。现在，我发现数据是不可索引的，因为它是在前端加载的。我想必须使用NUXT.JS在服务器上编译这些数据，这样搜索引擎也可以看到这些数据并对其进行索引。我只是不知道使用CLI的nuxt.js是否可以作为vue.js项目的一部分嵌入，所以我只能在服务器端加载这些数据，而项目的其余部分则停留在vue.js (CDN)中，还是必须使用n

浏览 3提问于2021-09-06得票数 2

回答已采纳

2回答

Nuxt.js静态站点和404页面

nuxt.js、custom-error-pages、static-site

我目前已经创建了一个pages/404.vue文件，然后，在我的服务器设置中，我将任何不存在的url重定向到/404.html (生成的页面)。除了我必须声明文件扩展名(如果我重定向到/404，它会给我重定向错误)，它似乎工作得很好，如果需要的话，我想它也会给我一种创建其他服务器错误文件的简单方法。但是，按照文档的说明，我首先尝试在generate:{ }中添加fallback: true。这将在我的根目录中创建一个404.html页面，但是使用默认的Nux

浏览 58提问于2020-02-18得票数 9

回答已采纳

1回答

在单击时更改为网页

typescript、vue.js、vuetify.js、nuxt.js

现在我想在点击按钮上创建事件来改变google网站。但如果按下按钮，控制台显示将显示以下错误消息。控制台DevTools上的错误消息无法加载SourceMap:无法加载chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: DevTools的内容错误:状态代码404，net::ERR_UNKNOWN_URL_SCHEME ? 我的开发环境是使用

浏览 14提问于2020-06-30得票数 1

回答已采纳

6回答

具有404图像响应的<img> onerror

javascript、image

我正在从服务器加载图像，当有404时，服务器会返回图像。也就是说，如果我正在加载的映像不存在，服务器将返回一个404响应，其中包含一个200x200PNG回退映像，上面写着“照片不可用”。我尝试了onerror属性：只有当来自服务器的<e

浏览 3提问于2015-02-26得票数 14

回答已采纳

1回答

是否可以在Nuxt.js中使用vite来快速重新加载？

vue.js、nuxt.js、vite

根据这个文档，我们可以使用vite与Vue.js一起快速重新加载。我没有找到一个官方的方法去做，但它有任何方法吗？

浏览 4提问于2021-02-23得票数 2

回答已采纳

2回答

使用angularjs指令为图像创建嵌套回退src

angularjs、angularjs-directive、src、fallback

在我的标记中，如果src返回404，那么我可以使用指令显示回退图像，但是如果这个回退映像也返回404，那么如何使用指令显示另一个图像？

浏览 4提问于2015-10-13得票数 1

回答已采纳

1回答

使用Vue.js的动态单页面应用程序的Nuxt.js静态站点？

javascript、vue.js、nuxt.js、static-site

我正在阅读一个客户端项目的静态站点生成器，我遇到了Vue.js和Nuxt.js，它们看起来很有前途。因为我可以在Vue.js和React之间选择，所以我现在更喜欢Vue。因此，它似乎是静态站点的完美候选者--尤其是他目前的WordPress站点刚刚被谷歌猛烈抨击，因为页面加载速度非常糟糕…… “问题”或问题是，除了这120个页面之外，还需要一个页面，它基本上是一个通过API要编写这个动态页面，最好也能使用Vue.js。我确实找到了很多关于静态页面或服务器生成页面的<e

浏览 24提问于2020-12-01得票数 0

回答已采纳

2回答

使用Nuxt.js加载.mp3文件

vue.js、webpack、nuxt.js

我在使用Nuxt.JS (Vue.js)加载.mp3文件时遇到了一个问题...我试着在没有特定加载器的情况下加载文件，当我在nuxt.config.js文件中添加url加载器时，webpack告诉他需要一个特定的加载器来加载文件：/* }) }Typ

浏览 8提问于2018-09-20得票数 1

1回答

在Vue.js* + webpack中不能动态通过imgs的相对src路径*

javascript、webpack、vue.js

我遇到的问题是在webpack身上使用vue.js。我使用v对每个对象进行迭代并创建列表项。要将img标记绑定到数据点{resource.img}，它看起来如下所示：<img v-bind:src="resource.img">以动态加载图像。因此，该映像创建一个404，因为“./assets/example.png”中没有图像。或者，如果我硬编码src的图像加载，而s

浏览 3提问于2016-10-06得票数 3

回答已采纳

2回答

图像标签不工作的回退图像

html、image

我尝试使用html中的<picture>标记加载"webp“图像，以加快加载时间。这可以工作并加载webp映像：<source srcset="img/imageXYZ.webp" type="image/webp"></picture> 这可以工作并加载p

浏览 2提问于2019-03-05得票数 2

回答已采纳

1回答

Nuxt Js Laravel API无法验证第一个证书

node.js、laravel、ssl、nuxt.js

关于技术栈的一些背景问题：client.js?06a0:57 Error: unable to verify the first certificate 在Vue.js上的网站从来没

浏览 7提问于2022-05-30得票数 1

回答已采纳

1回答

如何将客户端脚本添加到Nuxt.js？

javascript、vuejs2、nuxt.js

我一直在阅读Nuxt.js关于插件的文档和用于添加脚本的config nuxt文件。我两个都试过了，但是没有成功。在常规的HTML使用中，我只是在结束body标记之前使用script标记(为了用户体验)。我能够将scripts.js加载到Vue.js 2.0框架中，但是一旦我将所有内容都转移到Nuxt.js中，并尝试将其适配到Nuxt.js中，除了scripts.js文件，其他所有内容都可以正常工作。

浏览 59提问于2018-01-15得票数 2

回答已采纳

1回答

生产-Vue中未应用组件样式

css、vue.js、vuetify.js、nuxt.js

particles { width: 100px; } </style> 当我在开发npm run dev时，这很好用，但是当我生成静态构建npm run generate时，类名在元素上，但类不在元素上。我也在使用Nuxt v2.14.4 更新:它在DOM树中的显示方式。顺便说一下，canvas元素是由JS库tsparticles插入的。 ? ?

浏览 11提问于2020-09-09得票数 2

1回答

Nuxtjs Vue-session -无法读取未定义的属性“exits”

javascript、vue.js、nuxt.js

我想在Nuxt.js中支持Vue-session。我已经用Vue.js做了一个网站，但它对SEO不好。因此，我使用Nuxt.js创建了一个新的前端。我将一些组件从目录Vue.js复制到Nuxt.js并运行。但它不起作用。我在Header.vue登录时收到一个错误。这是我的代码。TypeError 无法读取未定义的属性“exits” https://imgur.com/a/hkccHvL 在Header，vue中有代码，请查看

浏览 50提问于2019-01-22得票数 0

1回答

检查图像与多个背景图像

javascript、css、angularjs、image、background

在角我有一个简单的图像加载指令，它接受一个图像url检查它是否存在，它设置它成功加载的图像或作为背景图像的回退。中的多个背景图像似乎以相同的方式处理上面的内容：如果300x100映像不存在如果存在300x100映像，则应该在不加载100x100的情

浏览 1提问于2017-01-20得票数 1

回答已采纳

1回答

如何在nuxt.js网站上设置nginx最好是在Heroku上

node.js、heroku、deployment、nuxt.js

我在网络服务器上安装nginx时遇到问题。我正在Heroku上部署我的应用程序，并且我需要在nuxt.js的前面安装nginx。文档中有一些关于如何在nuxt上使用nginx的说明，但只有很少的说明。我正在使用node.js和vue.js，我转而使用nuxt.js，认为在它上面设置nginx会更容易一些。任何帮助都将不胜感激。

浏览 2提问于2019-12-12得票数 0

1回答

Grub如何检查系统是否成功启动？

linux、grub2、boot-loader

我正在我的EFI分区上使用Grub2测试一个从Windows到Linux的自动迁移。我的目标是找到一个后备解决方案，以便当从新Linux映像启动失败时，加载现有的Windows映像。/www.gnu.org/software/grub/manual/legacy/Booting-fallback-systems.html 但是，我想更深入地了解Grub到底是如何检查内核是否已成功加载的例如，Grub回退是否确保在</em

浏览 0提问于2022-03-09得票数 -2

1回答

如何使用Nuxt.js将组件排除在缓存之外？

vue.js、nuxt.js

我试图在Vue.js keep-alive中使用Nuxt.js，我试图缓存除一个之外的所有组件，这是我想从缓存中排除的basket组件，每次当用户将一个项目添加到我想要显示的组件并再次加载数据时，我尝试过这个技巧

浏览 0提问于2021-05-26得票数 0

回答已采纳

1回答

Vue的img标签上的@error是否侦听onerror事件？

vue.js

我遇到了一个问题，在找不到图像的src属性时，我需要使用回退图像。当映像404和我能够在组件上设置数据支柱时，我的handleError逻辑就会运行，然后计算属性使用该组件来检测图像源需要使用回退图像。这是否意味着我不应该在Vue中的@error上使用img，或者@error真的在幕后做其他事情？我注意到我编译的HTML没有图像的onerror属性。

浏览 1提问于2020-08-28得票数 1

回答已采纳

点击加载更多