vue nuxt，在标题标题SEO上传递API值
Vue.js是一种流行的JavaScript前端框架，用于构建用户界面。它采用了组件化的开发方式，使得开发者可以轻松地构建可复用的UI组件。Vue.js具有以下特点：
- 简洁易学：Vue.js的API简洁明了，学习曲线较低，使得开发者能够快速上手。
- 响应式：Vue.js使用了响应式的数据绑定机制，当数据发生变化时，相关的视图会自动更新，提供了更好的用户体验。
- 组件化开发：Vue.js鼓励开发者将页面拆分成多个组件，每个组件负责特定的功能，提高了代码的可维护性和复用性。
- 虚拟DOM：Vue.js使用虚拟DOM来提高渲染性能，通过比较虚拟DOM的差异来最小化实际DOM操作，提高了页面的渲染效率。
Nuxt.js是基于Vue.js的一个通用应用框架，用于构建服务端渲染的Vue.js应用。它提供了一些额外的功能和约定，使得开发者能够更快地搭建起一个完整的Vue.js应用。Nuxt.js具有以下特点：
- 服务端渲染：Nuxt.js支持服务端渲染，可以在服务器端生成HTML，并将其发送给客户端，提供更好的SEO和首屏加载性能。
- 路由和状态管理：Nuxt.js内置了路由和状态管理的功能，开发者可以轻松地定义页面之间的跳转和共享状态。
- 静态文件生成：Nuxt.js可以将Vue组件生成静态文件，使得应用可以部署到任何静态文件服务器上，提高了应用的部署灵活性。
- 插件系统：Nuxt.js提供了丰富的插件系统，可以方便地集成第三方库和工具，扩展应用的功能。
对于Vue.js和Nuxt.js的应用场景，它们适用于构建各种类型的Web应用，包括单页面应用（SPA）、多页面应用（MPA）和服务端渲染应用（SSR）。它们在开发效率、性能优化、可维护性等方面都具有优势。
腾讯云提供了一系列与Vue.js和Nuxt.js相关的产品和服务，包括云服务器、云数据库、云存储、CDN加速等。具体的产品介绍和链接地址可以参考腾讯云官方文档或者咨询腾讯云的客服人员。
相关·内容
我做了一些全局混合，只要我发出run dev命令，它们就能正常工作。但是，当我制作run generate时，我在控制台中得到一个错误“不是一个函数”。当我连接外部插件时，服务器上也会出现类似的问题，但在开发模式下不会出现。我尝试过不同的解决方案，但没有任何帮助。
这是我的nuxt.config (只留下演示的基本设置)。重视plugins/seo.js
export default {
target: 'static',
srcDir: 'nuxt',
ssr: false,
plugins: [
{ src: '~plugin
浏览 1提问于2021-11-08得票数 1
回答已采纳
2回答
我正在使用Nuxt JS/Vue创建一个SEO友好的服务器端渲染的JS web应用程序。Nuxt允许在每个Vue组件中设置head选项，然后它会获取这些选项，并通过Nuxt更新页面标题。我根据路由获取用户，然后将title设置为该用户的名称。这在运行本地服务器时有效。但是当我把它推到Firebase上时，我得到的title是未定义的(刷新时)。
Vue组件：
<template>
<div class="user">
<h3>{{ name }}</h3>
</div>
</template>
浏览 1提问于2017-09-06得票数 1
如果您查看此页面，右键单击它并选择“查看页面源”，例如，您将在<script type="text/javascript">中而不是在一个HTML标记中找到文本“100”。
这些标记由后端API发送到前端(Nuxt.js/vue.js)
我尝试使用Vue.js生命周期created和mounted。
我做错什么了？
我知道这对SEO不好。
更新：
是我使用no-ssr的网页的一部分。你认为这可能是问题的原因吗？I使用了npm run build，并将应用程序部署在Node.js上。。
浏览 0提问于2020-01-23得票数 1
2回答
关于Nuxtjs和vue js，我有一个简短的问题。目前，我有一个vuejs项目，但由于vue js不提供ssr功能，我在项目中有一些网页，其中SEO非常重要。为了实现这一点，我必须对某些页面使用nuxt。所以我的问题是，如何在当前vue js项目中配置nuxt js？
浏览 2提问于2021-06-05得票数 0
回答已采纳
1回答
nuxt需要服务器吗？
、、、
我在研究裸体。我留下一个问题是因为我在学习时有一个问题。nuxt可以进行ssr，但是ssr被称为服务器端呈现。然后，我想知道服务器在哪里。因为vue是建立在节点上的，所以服务器是否自动生成节点服务器？而且，如果我们用nuxt做SEO，怎么可能呢？我知道如果你用MPA制作html是可能的。然而，使用nuxt使SEO成为可能。因此，当您使用nuxt创建一个项目时，当客户端发出第一个请求时，它是否使其成为MPA？
浏览 3提问于2019-09-25得票数 4
回答已采纳
试图通过在中构建静态页面。
然而，在nuxt generate步骤上，我总是得到一个有趣的错误。它抛出了Nuxt Fatal Error of undefined
这里我提供了nuxt.config.js，bitbucket-pipeline.yml，package.json和bitbucket管道的屏幕截图。
nuxt.config.js
require('dotenv').config();
module.exports = {
plugins: [
{ src: '~plugins/i18n.js' }
],
/*
** Head
浏览 1提问于2019-12-06得票数 0
回答已采纳
1回答
使用npx create-nuxt-app创建了nuxt应用程序。遵循https://typescript.nuxtjs.org上的文档，但是我在使用@vue/composition-api时遇到了问题 示例component.vue： <template>
<div>
{{ msg }}
</div>
</template>
<script lang="ts">
import { createComponent, ref } from '@vue/composition-api'
浏览 17提问于2020-01-10得票数 2
回答已采纳
我试图将一个项目从Vue2迁移到Nuxt3，主要是因为SEO问题，当我尝试不运行开发它时，我会得到以下错误：
These dependencies were not found:
child_process in ../node_modules/xmlhttprequest/lib/XMLHttpRequest.js
fs in ../node_modules/xmlhttprequest/lib/XMLHttpRequest.js
这是我的package.json：
{
"name": "project-name",
"version
浏览 8提问于2022-10-13得票数 0
如何在Nuxt3中处理从API中获取的数据？
例如，我想从API的结果中设置元标记，但是它会抛出一个未定义的错误。我无法访问pageData in useHead。
<script setup>
import { ref } from "vue"
const { apiUrl } = useRuntimeConfig()
const route = useRoute()
const { data: pageData } = await useFetch(
`${apiUrl}/misc/cmspage/61785b119b4eb50d8d625621`
)
浏览 8提问于2022-06-27得票数 1
回答已采纳
1回答
我使用vue线索创建了一个vue项目： vue create myproject 我认为当我执行npm run build时，输出将是一个单页面应用程序(SPA)。我需要什么才能用我现有的代码生成一个静态网站(SSG / Jamstack)？我知道使用Nuxt可以很容易地做到这一点，但我想知道没有Nuxt该怎么做。 编辑:我想我的意思是预先渲染一些页面，这样对SEO更好。
浏览 198提问于2021-04-29得票数 2
2回答
我正在用Nuxt创建一个新的网站，我现在把它设置为多语种(法语和英语)。
我按照设置了翻译和语言转换程序，得到了以下内容：
nuxt.config.js (相关部分)
['nuxt-i18n', {
detectBrowserLanguage: {
useCookie: true,
alwaysRedirect: true
},
strategy: 'prefix_except_default',
defaultLocale: 'fr',
pars
浏览 0提问于2019-07-25得票数 0
3回答
为了快速加载速度，我计划以vuex格式存储我博客中的大部分文本。这是一个好主意，特别是SEO，或者我应该为所有的岗位创建单独的路线？我对SEO不太了解，在我主要使用香草javascript之前，我对vue/nuxt也很陌生。
浏览 7提问于2020-10-20得票数 0
回答已采纳
我有一个nuxt SSR应用程序，并且我正在使用发出一个HTTP请求。当我使用axios从我的服务器得到一个错误时，我想把带有vue路由器的错误消息作为道具传递到我的错误页面，我已经将这个页面设置为nuxt details 。
我目前在我的错误布局页面中使用。如何通过Vue路由器将错误消息作为道具传递到/layouts/error.vue中的错误页面？我试着像这样传递道具：
router.push({ path: '/error', name: 'error', params: {error: error.response.data}})
但是，错误页上的pro
浏览 6提问于2021-11-01得票数 1
我试图在Nuxt /layout/default.vue中的Nuxt应用程序中添加标题
<template>
<div>
<Navigation/>
<Nuxt />
</div>
</template>
被更改为
<template>
<Nuxt />
</template>
在编译了我在default.vue中放置的任何代码之后，就会被删除。
我使用的是nuxt v2.15.8和节点16.13.2
浏览 5提问于2022-01-29得票数 0
回答已采纳
2回答
让已经开发的Vue应用程序SEO友好的最简单的方法是什么(所有的头部元标签都可以被搜索引擎读取)。
我已经研究了NUXT，我将不得不重新构建整个系统，而且我真的不喜欢NUXT的工作方式，除了SSR (服务器端渲染)部分。
浏览 1提问于2019-12-19得票数 0
1回答
夏夏
我想将不同的标题组件设置为特定的页面。
layout
├ default.vue // <- common header
└ custom.vue // <- special header for spesific page
我想知道如何在使用nuxt-属性装饰时设置不同的布局。
"nuxt": "^2.15.7",
"nuxt-property-decorator": "^2.9.1",
一些代码
Case1
<script lang="ts">
import { Comp
浏览 11提问于2022-01-14得票数 1
回答已采纳
我正在用TypeScript编写一个Nuxt应用程序。我在尝试访问Nuxt上的$i18n对象时遇到了一个问题。我在VS代码中收到警告： Property '$i18n' does not exist on type 'MyClass'. 我在组件代码中的脚本部分如下所示： <script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator'
import ILocale from '~/types/vue/Lo
浏览 60提问于2021-05-04得票数 1
回答已采纳
1回答
我试图在有API路由的nuxt中测试我的serverMiddleware，它有一个路由/api/v1/test，它返回一个真正的
我的api/index.js文件
import express from 'express'
const app = express()
app.use(express.json())
app.use(express.urlencoded({ extended: true }))
app.get('/test', (req, res) => res.json(true))
export default {
path: &#
浏览 3提问于2020-11-01得票数 0
我使用"npx create-nuxt-app my- app“创建了一个全新的应用程序，并选择了除了将模式设置为SPA之外的所有默认选项。
我运行npm run generate并期望dist/*.html文件包含我的页面/*.VUE的渲染内容，但是所有生成的HTML都包含：
...
<div id="nuxt-loading" aria-live="polite" role="status">
<div>Loading...</div>
</div>
...
在我
浏览 20提问于2020-06-01得票数 0
我一直在制作一个SPA NuxtJS应用程序。我插入了适当的代码来设置所需的元标记，然后我尝试在LinkedIn上共享一个链接，但是它没有提供预览，说发生了错误。
我试着通过LinkedIn的查看预览，但它返回了404错误。如果我在浏览器中放置相同的URL，页面就会打开。
是否有可能为静态服务的NuxtJS SPA启用社交媒体预览，是否也可以为动态路由启用社交媒体预览？如果是，怎么做？
更新:我已经成功地使用实现了一个简单的预览。但是，这总是在LinkedIn预览中显示默认图像和标题。
nuxt.config.js
modules: [
...,
'nuxt-seo&#
浏览 5提问于2020-02-08得票数 4
Vue的原生serverPrefetch()和Nuxt的新fetch()钩子(Nuxt >= 2.12)之间的技术区别是什么？我很难在Nuxt layout中使用layout，直到我发现了serverPrefetch()。它们都能够在服务器上为SEO获取数据，并且都可以访问this上下文，但我发现使用serverPrefetch()，数据呈现到DOM的速度要快得多。在决定是否将所有fetch()替换为serverPrefetch()之前，我正在寻找一些技术细节
这些是我做过的基准
// took 166.585ms
serverPrefetch() {
console.time(&
浏览 4提问于2021-07-30得票数 1
回答已采纳
我有一个api调用的外部api文件。我的axios实例绑定到主nuxt (或vue)实例。
如果安装程序()在我的组件中，我可以使用安装程序(props，上下文)访问它。
但是，我如何在外部组合函数中访问它呢？
import { reactive} from '@vue/composition-api'
export default function api() {
//do some axios stuff ```
浏览 0提问于2020-11-23得票数 0
TLDR:子路由的预渲染视图使用父元信息，但我希望它们使用子路由组件上定义的元信息。 我已经建立了一个Nuxt/Vue站点，它有一个登录页面，/items/index.vue提供了一个项目网格，并且在我的router.js文件中，子路径被设置为指向该登录页面的子路径。这些子路由通过nuxt-child或router-view组件在/items/index.vue中呈现为模态。子路由调用一个名为/components/ItemsModal.vue的组件，该组件设置适当的元标记(标题、og:data等) 当我输入子路由的URL时，在父/items/index.vue元信息初始闪现之后，元/头信息
浏览 29提问于2020-09-25得票数 0
回答已采纳
我使用Nuxt.js使用head() { }设置SEO元数据。
在此范围内，如果我访问计算的属性，Vetur将显示：
Property 'domain' does not exist on type 'CombinedVueInstance {...}>'.
import Vue from "vue";
export default Vue.extend({
head(){
const domain = this.domain;
return {};
},
computed: {
浏览 10提问于2022-08-04得票数 0
回答已采纳
1回答
我在我的nuxt项目中使用VueClipboard。
我有一个插件文件vue-clipboard.js
import Vue from "vue";
import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard);
它被导入到nuxt.config
plugins: ['@/plugins/vue-clipboard'],
这将设置一个全局变量$copyText，并且在nuxt 中，如果没有组合API，我可以执行以下操作
methods: {
async onCopyCode
浏览 8提问于2021-06-02得票数 2
回答已采纳
我对Vue和Nuxt真的很陌生，所以如果这是一个简单的问题，我很抱歉。 我在Index.vue上为我的数据进行API调用时，动态地生成我的路由。一次API调用就足以检索我需要的所有数据，这些数据存储在deals_array中，所以我不需要在我的个人页面上再调用另一个API调用，我只需要deals_array中每个deal的数据。 <ul>
<li v-for="deal of deals_array" :key="deal.id">
<nuxt-link :to="getSlug(deal)">{
浏览 35提问于2020-07-10得票数 0
回答已采纳
node.js做为中间层的前提下:
我看很多项目都是node只负责处理数据提供接口，前端使用vue-cli架构渲染页面，但是这样对SEO很不友好（这里不讨论nuxt）；
我想使用node渲染页面来解决这个问题，发现node有很多的模板引擎并不能很好的使用vue.js，只能传统的在html里面引入vue.js来绑定数据。
刚刚接触node.js有点迷茫~
浏览 590提问于2017-11-24
在Vue 2中，您可以向组件定义对象添加自定义选项： export default {
title: 'TITLE',
name: ...,
components: { ... },
render(h) { ... }
}; ..。这些选项将出现在组件的$options属性(this.$options.title === 'TITLE')中。 此外，使用Webpack，您可以添加代码来读取单个文件组件中的自定义块，并将它们写入组件的options属性。 我正在使用module that implements the Vue 3
浏览 22提问于2020-09-02得票数 0
我有一个网站，使用Nuxt服务器渲染和部署使用云运行。
它使用YouTube数据API键提取频道的YouTube视频，并在发送到浏览器之前预先呈现。这是为了SEO的目的。
目前，我使用API键限制选项HTTP referrers (web sites)只允许从我的网站访问。
但是在服务器上，当它预先呈现时，API会被阻塞。
是否有一个很好的解决方案来添加引用程序并允许云运行使用API键？
浏览 2提问于2021-03-01得票数 0
回答已采纳
2回答
我正在尝试将next.js应用程序()转换为nuxt.js应用程序。在这个应用程序中，我可以从API中获取数据，next.js应用程序使用API数据生成包含相应内容的新页面。在Next.js中工作得很好。
API中的数据/内容由页面的Seo数据、一些静态值和非常重要的块组成。这些块具有一个名为__component的属性，该属性保存组件名，并具有图像、文本等组件数据。因此，在添加新组件时，我只需要处理next.js。
在./pages/[...slug].js中，我使用了捕获所有路由的next.js来捕获用户可能输入的任何弹头。然后，API将使用来自context.query的段塞触发，如果存
浏览 2提问于2021-09-16得票数 0
回答已采纳
在我的nuxt应用程序中，我需要调用这样的外部api (file.vue)：
<template>
<div class="container">
<h1>{{ post.title }}</h1>
<pre>{{ post.body }}</pre>
<p><nuxt-link to="/posts">Back to the list</nuxt-link></p>
</div>
</tem
浏览 0提问于2018-01-24得票数 2
3回答
我刚接触Nuxt -将我的vue应用程序转换为Nuxt，并使其在生产环境中运行：
应用程序正在使用asyncData方法来获取游戏列表--但是服务器并没有呈现完整的布局……
如果您查看页面源代码，您将看到Nuxt将所有数据放入window.__NUXT__中，但没有网格html。
使用asyncData获取数据后，如何在服务器上呈现完整布局
否则，谷歌无法抓取游戏列表-这对SEO来说变得非常无用……(查看twitter的页面源代码-它加载整个页面，包括动态内容)
这是进行asyncData调用的“主页”组件(简化)：
<template>
<div>things&l
浏览 40提问于2017-12-07得票数 8
2回答
有这样一种vue方法：
methods: {
sendTrackerClientData () {
return axios.post("https://seo-gmbh.eu/couriertracker/json/couriertracker_api.php?action=tracking.data_save&key_id=00227220201402050613" , {
tracking_data: 'some data'
})
.then(response => {
console.l
浏览 3提问于2020-02-06得票数 0
回答已采纳
我在Nuxt上很新。我在nuxt上编写了教程，我无法在我的页面上显示{planet.title}。但是如果我使用{{$data}，我会看到所有的行星。我想要这个星球的名字的标题，我在鼻涕虫(这是地球，但它可以是木星或火星)
_slug.vue
<template>
<div class="container">
<div>
<NuxtLogo />
<h1 class="title">planet.title here => {{ planet.title }}
浏览 3提问于2021-10-21得票数 2
回答已采纳
我正在做一个博客项目，完全静态的，从wordpress rest中获取数据。
当单击索引文件上显示的标题时，我将尝试显示文章页面。
我需要的路线是定制的，取决于子弹的邮政。
但我得到了一个“找不到这一页”
路由更改了事件信息：
结构
pages
--| article
----| _slug.vue
--| index.vue
index.vue
<template>
<div class="container">
<h1>Blog</h1>
<ul>
<li v-for
浏览 2提问于2018-07-30得票数 2
回答已采纳
我正在Nuxt.js上创建一个网站，并在下面经历了一个问题。
首先，我编写了nuxt.config.js，如下所示，这样一个无头CMS就可以工作了。
export default {
target: "static",
ssr: true,
generate: {
async routes() {
const pages = await axios
.get(
`https://path/to/endpint`,
{
headers: { "XXXX-API-
浏览 7提问于2022-11-05得票数 0
当试图使用自定义别名导入文件时，我会收到以下错误：
import api from 'api'
api in ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/exercises.vue?vue&type=script&lang=js&
这是我的nuxt.config.js：
import { resolve } from 'path'
const _api = process.env.A
浏览 0提问于2022-05-15得票数 1
我们大量使用Vuejs作为单页应用程序(SPA)。Vue满足许多要求是非常流行的。
在SEO和社交媒体方面，链接面临着一些挑战。我们还想要升级应用程序，因此有了最后入围的Nuxt。特别是静态页面生成功能。
其方法是在S3或GitHub页面中对SEO友好地托管页面。
有什么方法可以将Vuejs嵌入到Nuxt静态生成的页面上来进行REST调用，比如产品搜索及其结果？重点是为不可能生成的静态页面获取动态。例如，对于产品搜索等，我指的是静态预生成页面的混合，可以在这些页面上执行动态Vuejs内容。
顺便说一句:我们是，而不是，谈论的是生成动态路由。
浏览 0提问于2020-04-08得票数 0
JS新手来了。
我已经生成了一个Nuxt应用程序，并在我的@nuxt/auth中实现了nuxt.config.js中间件。在我的应用程序中，它正在按预期工作。
现在，我想测试一些引用$auth对象的组件。
// ~/components/hello_component.vue
<template>
<div>
<div v-if="$auth.loggedIn">
<h1>Hi, {{ userName }}</h1>
</div>
</div>
</
浏览 5提问于2020-01-06得票数 5
回答已采纳
在寻找解决方案的5-6个小时后，我开始放弃。我有一个与码头，节点和nuxt.I的项目。我想在FB上分享元标签，为此，我需要SSR && vue-meta和vue-meta，我需要asyncData。 它可以与不同的api一起工作！ async asyncData({ params, $axios, error }) {
const product = await $axios.$get(`https://api.nuxtjs.dev/posts/1`);
return { product };
}, 当我使用nuxt路由导航到这里时，它是有效的，但是如果我重新加载页面
浏览 147提问于2020-12-22得票数 0
回答已采纳
我有一个需要部署在heroku上的nuxt应用程序。在当地一切都很好。当我安装依赖项(本地)时，有许多未满足的依赖项，但正如我所说，即使在运行构建脚本时，它也能很好地工作。然而，当我推到heroku时，它说构建成功了，但是应用程序不起作用。然后我尝试使用heroku上的bash命令在heroku上手动构建应用程序。当我运行build脚本时，它无法生成此错误：
│ ✖ Nuxt Fatal Error │
Error: Cannot find module '@nuxt/typescript-bu
浏览 6提问于2021-10-24得票数 1
请帮帮我。在我的vue项目中添加了Nuxt(SSR)。全部移动到项目的根目录，创建了一个页面文件夹。出现了以下错误：
ERROR in ./.nuxt/components/nuxt-loading.vue?vue&type=style&index=0&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/sr
浏览 3提问于2021-08-22得票数 1
回答已采纳
1回答
从VUEX存储向服务器发送数据：
(就像这样)
setTrackingData (state, value) {
state.to_the_final_destination = value.to_the_final_destination;
const res = axios.get("https://seo-gmbh.eu/invest/input.php");
}
这在vue.js (nuxt.js)开发社区中是正常的吗？)
这些做法是否可以接受？
浏览 3提问于2020-09-06得票数 1
回答已采纳
2回答
我正在用vue路由器将一个项目从Vue.js转移到Nuxt.js。
经过几个小时的尝试和谷歌搜索，我设法使一切正常工作，但我无法解决的一个问题是：**将i18n和vue-路由器与Nuxt.js **集成在一起。
两个我还无法解决的问题：
如何正确更新router.js文件中的i18n.locale？如何告诉nuxt-i18n我正在使用自己的路由器？它现在明显地抱怨Route with name 'XXX___en' does not exist.的每一个页面
在我的普通vue项目中，下面的代码可以工作，我可以在router.js中更改区域设置，它会传播和更新这个.$i18n。
浏览 10提问于2020-11-19得票数 1
回答已采纳
我正在学习nuxtjs教程，在实现nuxtjs/auth loginWith时遇到了问题。这很简单，但我不知道为什么它对我不起作用。通过邮递员测试，API以令牌响应； ? ? 一切正常，将令牌保存到cookie和本地存储。注册也可以，但不能登录。当我使用Vue dev工具进行检查时，当我需要一个user对象时，它显示login false和user undefined。会出什么问题呢？ ? 实际上，Login.vue的方法如下所示 async onLogin() {
try {
this.$auth.loginWith("local", {
浏览 27提问于2020-07-06得票数 1
1回答
我已经在我的NuxtJS项目中安装了vuel分为2来验证表单。根据，我一步一步地遵循安装和安装说明。到目前为止，我的安装文件是这样的：
package.json
"dependencies": {
"@nuxtjs/axios": "^5.13.6",
"@vue/composition-api": "^1.2.2",
"@vuelidate/core": "^2.0.0-alpha.26",
"@vuelidate/validators
浏览 0提问于2021-09-28得票数 2
1回答
每次添加类时，为了查看更改，我必须停止运行nuxt，重新加载vs代码窗口并再次运行"npm“。然后我就能看到变化了
我的tailwind.config.js：
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./components/**/*.{js,vue,ts}',
'./layouts/**/*.vue',
'./pages/**/*.vue',
浏览 24提问于2022-10-05得票数 0
1回答
使用Nuxt 3，我阅读了非常糟糕的官方文档：
但我不明白如何使它在动态路线上正确工作。
我有我的产品组件：
pages
|___product
|___[slug].vue
我想轻松地链接到段塞组件，看看Vue路由器文档，我做了以下工作：
<NuxtLink :to="{path: `/product/${product.seo.slug}`, component: Product}" class="product-listing">
.....
</NuxtLink>
它可以工作，但它会重新加载整个页面。
我错过了什么吗？
浏览 2提问于2022-01-03得票数 0
我正在尝试Nuxt，因为我需要一个应用程序，它用API中的数据创建路由。
就我的例子而言，我通过使用"nuxt/content“获得了一个假数据，其中有2家公司：
[
{
"id": "1",
"name": "company1"
},
{
"id": "2",
"name": "company2"
}
]
这样，我想生成两条路线，所以(因为我有两家公司)：
/company1
/company2
浏览 9提问于2021-07-25得票数 1
回答已采纳
我有一个用Nuxt构建的网页，对于不同的页面，我想在头部有不同的标题和不同的元描述。我该怎么做呢？ 我在Nuxt文档中找到了head()方法，但这似乎对我不起作用。 在我的contact.vue中： export default class Contact extends Vue {
head() {
return {
title: 'Contact page',
meta: [
{ hid: 'description', name: 'description', c
浏览 74提问于2019-09-19得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
