如何使用Nuxt模块扩展路由？
Nuxt.js是一个基于Vue.js的通用应用框架，它提供了一种简单且强大的方式来创建服务器渲染的Vue.js应用程序。Nuxt模块是Nuxt.js的扩展机制，它允许开发者通过安装和配置模块来扩展Nuxt.js应用的功能。
要使用Nuxt模块扩展路由，可以按照以下步骤进行操作：
- 首先，确保已经创建了一个Nuxt.js项目并安装了必要的依赖。
- 打开项目的根目录，在终端或命令行中运行以下命令安装要使用的Nuxt模块：
- 打开项目的根目录，在终端或命令行中运行以下命令安装要使用的Nuxt模块：
- 这里的"模块名"是指要安装的Nuxt模块的名称，可以根据具体需求选择合适的模块。
- 安装完成后，在项目的根目录下找到
nuxt.config.js文件，这是Nuxt.js的配置文件。 - 在
nuxt.config.js文件中，找到modules字段，它是一个数组，用于配置要使用的Nuxt模块。 - 在
modules数组中添加要使用的模块的配置对象。配置对象中的name字段是模块的名称，可以在Nuxt模块的官方文档中找到。其他字段根据具体模块的要求进行配置，例如： - 在
modules数组中添加要使用的模块的配置对象。配置对象中的name字段是模块的名称，可以在Nuxt模块的官方文档中找到。其他字段根据具体模块的要求进行配置，例如： - 这里以
@nuxtjs/router模块为例，它是Nuxt.js的官方路由模块。 - 配置完成后，保存文件并重新启动Nuxt.js应用程序。
通过以上步骤，就可以成功使用Nuxt模块扩展路由了。不同的模块可能有不同的配置方式和功能，具体的使用方法和配置细节可以参考相应模块的官方文档。
推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）等。你可以在腾讯云官网上找到这些产品的详细介绍和文档。
参考链接：
- Nuxt.js官方文档：https://nuxtjs.org/
- Nuxt.js模块列表：https://modules.nuxtjs.org/
相关·内容
1回答
使用Nuxt.js，在我的router.js中，我试图导入路由组件：
{
path: '/',
component: () => import(/* webpackChunkName: "index" */ '~/pages/index.vue')
}
我知道这个错误：
在组件中未定义的呈现函数或模板:匿名
我偶然发现了其他人的Nuxt.js项目，他们在最后添加了以下内容，这样就可以工作了：
{
path: '/',
component: () => import(/* webpackChunk
浏览 2提问于2021-03-02得票数 1
回答已采纳
我正在使用@nuxtjs/sitemap在我的Nuxt应用程序中自动生成一个站点地图，但是它不能很好地生成内部路由，我想根据实际存在的帖子动态地定义用户帖子的路由。考虑到这一点：
与其在我的站点地图中提供0、1和3值，我希望能够自动生成它们并更新sitemap。
我似乎不能从nuxt.config.js文件中调用nuxt的axios插件，我不知道如何完成这个任务，我会喜欢任何指导。
浏览 10提问于2021-01-06得票数 0
回答已采纳
我是nuxt.js新手，也试图为我的项目设置一个小的架构。
我想像这样设置我的组件：
pages/
componentName/
index.vue
componentName.ts
componentName.scss
问题是，当nuxt生成路线时，我得到：
/componentName
/componentName/componentName
第二条基于.ts文件的路径，我确实更改了.ts文件以查看是否有任何更改，是的，第二个componentName更改为与.ts文件名匹配。
当nuxt生成路由时，我不知道如何忽略.ts文件。
谢谢
浏览 6提问于2021-07-12得票数 1
回答已采纳
2回答
我要做的是在js文件中导入Nuxt模块。例如，我想在js文件中使用"@ Nuxt / axios“并从它创建一个实例，我不想从上下文对象中调用它，我想使该实例独立于任何nuxt生命周期，并使用nuxt axios模块，而不是普通的axios包。
import axios from "@nuxt/axios"
const axiosInstace = axios.create();
export default axiosInstace;
浏览 27提问于2020-11-14得票数 0
2回答
访问nuxt配置文件中的存储
、、、、
我想添加通过Nuxt静态生成的动态路由。
多亏了asyncData方法，我定义了一个客户端/服务器端存储。我想将这个存储值(一个数组)映射到我的nuxt.config.js文件中，以便为nuxt generate命令映射“动态/静态”路由--但是如何访问存储在该文件中的值呢？这有可能吗？
浏览 1提问于2017-07-07得票数 1
我在Nuxt上构建一个运行在子目录(example.com/ blog )上的博客。现在，我需要启用i18n模块，但是我正在与URL结构进行斗争。
如何在example.com/en/blog下运行"en“语言，在example.com/se/blog?下运行"se”语言
提前感谢！
浏览 43提问于2022-03-23得票数 0
1回答
我正在尝试创建一个限制区域，登录用户需要输入一个代码才能访问它。我用的是拉拉神殿和橡皮弹(Ssr)和nuxt模块。我试图了解nuxt模块是如何检查后端是否登录的，这样我就可以在我自己的受限区域访问中复制它。
到目前为止，我注意到，如果我在刷新前端时使后端的用户会话(FLUSHALL redis会话)失效，那么nuxt就会知道用户已被注销，并且也会在前端登录。
同样，如果我移除/api/user路由，nuxt认为用户已被注销。但是，当路由处于活动状态时，我不会在dev network选项卡中看到正在访问的路由。
我对nuxt并不熟悉，我无法理解在nuxt模块源代码中做后端检查的地方。它是在中间件
浏览 1提问于2021-12-06得票数 0
当我从nuxt.config.js文件中的构建模块中删除'@nuxtjs/router‘时，这个错误就会得到解决。 复制链接https://github.com/mahdikmg/nuxt-router-module-bug 只需安装依赖项，运行项目并在浏览器中打开它。 ? 有什么想法吗？
浏览 20提问于2020-09-23得票数 0
我在我的Nuxt应用程序的/serverMiddleware目录中有一个有效的快捷API。它有一个端点/routes，它返回我想要添加到站点地图中的所有路由的数组。我还做了一个console.log("Backend online")来知道它什么时候完成了构建并正在运行。
我试图使用@nuxtjs/sitemap模块查询我的API，以便将这些路由添加到我的站点地图中，但我不知道如何做到这一点。我目前的做法是：
// nuxt.config.js
import axios from "axios"
export default {
modules: [
浏览 8提问于2022-01-26得票数 1
2回答
我正在使用nuxt.config.js开发一个网站，并希望在nuxt.js中有一个有条件的配置选项:我想在运行npm运行生成(构建静态)时更改路由器库。
下面是开发环境的完整配置文件(npm运行dev)：
const pkg = require('./package')
module.exports = {
mode: 'universal',
// if I uncomment the following three lines, the config is OK for npm run generate.
// router: {
//
浏览 0提问于2019-03-26得票数 2
回答已采纳
在执行npm run generate时，我在/dist文件夹中看到的是一个200.html和一个_nuxt文件夹，以及一堆其他文件:没有index.html，也没有用于我的about路由的/about文件夹。
所以Nuxt没有生成我的静态路由，应用程序也无法工作。
这里我漏掉了什么？
router.js
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export function createRouter () {
return new Router({
浏览 131提问于2021-03-02得票数 1
回答已采纳
在Nuxt应用程序中使用时，更改路由时的默认行为是在通过Apollo获取数据之前立即呈现新页面。
这导致了一些相当简陋的呈现体验，页面执行部分呈现，很快就完成了对来自服务器的数据的呈现，由于现在具有数据的组件的大小变化，导致页面上的所有内容都发生了移动。这看起来相当糟糕，因为数据实际上返回得相当快，所以在呈现新路由之前等待数据返回是很好的。
在呈现页面之前，在页面(及其子组件)上等待Apollo查询完成的推荐方式是什么？
(有一个并不是专门针对Nuxt的，但我不确定如何将这个建议翻译成Nuxt应用程序。)
我希望看到一个使用beforeRouteEnter通过Apollo获取数据并仅在获取数据
浏览 15提问于2020-01-12得票数 2
2回答
我正在开始一个新的项目，前端的Nuxt.js和后端的Laravel。
我如何将这两者联系起来？
我使用create- Nuxt -app安装了一个新的nuxt项目，并安装了一个新的laravel项目。
据我所知，我想我需要一些环境变量。在我的nuxt项目中，我添加了dotenv包，并在nuxt项目的根目录中放置了一个新的.env文件。
并将CORS添加到我的laravel项目中，因为我一直收到错误。
其中的变量确实可以从项目中访问，我使用它们的方式如下：
APP_NAME=TestProjectName
API_URL=http://127.0.0.1:8000
并像这样访问它：process
浏览 12提问于2019-10-29得票数 0
回答已采纳
1回答
我有一个用nuxt和firebase创建的站点地图，但是当我将站点部署到防火墙时，站点地图会抛出并出错，因为我引用的是我的fireInit文件，但是我的nuxt.config.file已经移动到了我的firebase函数文件夹中，这样我就可以部署它了。当我试图在我的firebase函数文件夹中添加fireInit文件时，我会得到一个错误，因为我是在模块外部导入的。另外，当我通过注释我的异步路由函数来获取我的动态路由时，站点地图不会显示我的自定义域url。它显示了。
文件结构
functions/
- nuxt.config (prod)
- index.js
public/
- _nuxt
浏览 1提问于2021-01-21得票数 0
我正在使用Nuxt创建我的应用程序，并且我有一组在某种程度上相关的页面。 因此，我将稍微简化一下，但我当前的结构如下所示 /pages
/login
/registration
/forgot-password
/resend-confirmation-email
.
.
. 这个文件夹结构正在创建/login、/registration、/forgot-password、/resend-confirmation-email路由，这很酷。 因此，在某种程度上，我可以将前四个页面分组到一个组中，并将其命名为authorization。 理想情况下，新的文件夹结构应如
浏览 29提问于2019-02-04得票数 0
回答已采纳
我在nuxt.render中间件中以编程方式在express中使用nuxt，如下所示
const { Nuxt, Builder } = require('nuxt')
const app = require('express')()
const api = require('../api')
app.use('/api', api)
let config = require('../nuxt.config.js')
config.dev = !(process.env.NODE_ENV === 'pr
浏览 0提问于2019-05-31得票数 4
2回答
我们如何定制NUXT路由。目前，我正在使用默认的NUXT页面路由机制。我想指出example.vue作为默认的登录页面而不是index.vue。我还需要在这些路由上添加身份验证。不幸的是，NUXT文档并没有很好地帮助我。
浏览 173提问于2020-11-30得票数 2
在nuxt 3中使用Axios
当我将axios添加到项目中时，我只是安装了nuxt 3并出现了这个问题。
我的nuxt.config.ts
import { defineNuxtConfig } from 'nuxt3'
export default defineNuxtConfig({
buildModules: [
['@nuxtjs/axios',{proxyHeaders:false,baseUrl:'http://localhost:8000'}]
],
})
和清洁的cmd
Nu
浏览 19提问于2022-02-15得票数 0
2回答
导出未在ES模块作用域中定义。
、、、、
我创建了nest项目，如下所示。
nest new project-name
并从具有nuxt3文件扩展名的节点js的module类型导入(导入的类型定义不需要编写mjs)。
import { ViteBuildContext, ViteOptions, bundle } from '@nuxt/vite-builder-edge';
它给了我以下的错误。
Uncaught Error Error [ERR_REQUIRE_ESM]: require() of ES Module c:\project\node_modules\@nuxt\vite-builder-edge\d
浏览 22提问于2022-03-15得票数 3
回答已采纳
我正在尝试使用Nuxt auth模块在我的Nuxt.js应用程序中保护api路由。在我的nuxt.config.js中，我有： serverMiddleware: [
{ path: '/api', handler: '~/api/index.js' }
] 我想用这个： router: {
middleware: ['auth']
} 如何只为不是页面组件的特定路由添加中间件？
浏览 31提问于2020-04-04得票数 1
我写了一个简单的Nuxtjs项目。根据我从Nuxtjs文档中学到的知识和我测试它的经验，我无法理解'Nuxtjs SPA模式‘和’没有Nuxtjs的Vuejs‘之间的区别。
例如在下面的页面中：
// pages/index.vue
<template>
<div class="userip">{{userip}}</div>
</template>
<script>
export default {
data() {
return {
浏览 34提问于2020-01-19得票数 8
如何在AWS S3中托管Nuxt静态web应用？
首先，我尝试并知道如何通过调用nuxt generate在./dist中生成静态SPA文件。
其次，AWS S3支持静态web托管，但似乎必须通过访问该桶中的“index.html”来访问该站点。
因此，我遇到了这个问题，例如，我有一个桶'demo2020'，我将Nuxt/Vue文件上传到./dist中。我还公开设置了桶和文件。之后，我可以访问demo2020桶中的图像，但是不能访问index.html，即。
返回了一个错误页面200.html，它说：
找不到此页面
回到主页
这通常适用于标准的web服务器，例如nginx或h
浏览 0提问于2020-04-30得票数 1
1回答
我正在测试Nuxt 3 (RC暂时)，并且非常喜欢它。
我做了一个非常小的前端应用程序(没有后端，3页，有一些公式显示一些结果的复杂表单)。
它在本地运行得很好，没有任何与后端相关的东西，所以我显然只能使用Vue，
但是为了测试的目的，为了更进一步，我想要生成一个PWA，将它托管在一个dev服务器上(在一个子文件夹中)，然后尝试在我的手机上安装它。看起来nuxt和nuxt 3不兼容，根据这个，我已经安装了，
它部分地起作用(嗯..。在本地生成favion和图标)，但我不知道如何配置nuxt.config.js：
路由器与子文件夹不匹配，
没有样式或反应性工作，我只显示我的html。
浏览 12提问于2022-08-26得票数 0
2回答
我想将外部json文件中的路由添加到我的Nuxt应用程序中，该文件可以在运行时进行更改。类似的主题可以找到。
我已经用我自己的实现覆盖了默认的Nuxt路由器。如果我使用axios + router.addRoutes()导入路由异步，我似乎放松了服务器端呈现。看起来createRouter将有异步支持，但还没有正式发布Nuxt。
如何将js/json文件同步导入到下面的router.js，以便填充路由？我希望能够在运行时配置路由，所以我不希望它成为包的一部分。
modules/router.js:
const path = require('path')
module.exp
浏览 2提问于2018-09-05得票数 4
回答已采纳
1回答
如何卸载Nuxt模块和包
、、、
我用的是Nuxt 2.13，我想移除一些包裹。以前，我只需要将它们从package.json文件中删除，然后使用npm i，包就会被删除，但是现在我得到了这个错误：
Module @nuxtjs/google-gtag not found. Please ensure @nuxtjs/google-gtag is in dependencies and installed.
FATAL Cannot find module '@nuxtjs/google-gtag'
浏览 12提问于2021-02-15得票数 0
回答已采纳
我正在使用Nuxt / Vue和我的站点标头路由器链接。我看到的问题是，当我单击指向路径的路由器链接时： <nuxt-link to="/product-innovation/type">
<span class="link-brdr">Product</span>
</nuxt-link> 路由将更改为路径: /product-innovation，而不是/product-innovation/type 如果我再次单击nuxt链接，它将导航到正确的页面路由。
浏览 32提问于2021-07-28得票数 1
回答已采纳
1回答
这是我的文件树：
pages/
-index.vue (1)
-index/
--_id.vue (2)
我希望：
如果路由为mydomain.com ->，则仅呈现index.vue (1)
如果路由是mydomain.com/foo ->，则在index.vue (1)中呈现_id.vue (2)
当我没有子组件的参数时，我希望Nuxt子组件完全不呈现，但是用id值undefined呈现它。Vue路由器正确地执行它。
这是类似于JSFiddle的Nuxt行为： (第16行path: '/:id?')
这是我想要的JSFiddle (Vu
浏览 2提问于2020-09-08得票数 0
2回答
我已经改变了我的应用程序，使它与nuxt i18n工作，翻译似乎是可行的，当我直接访问路线。
例如http://localhost:3000/fr/step/1
我的应用程序中有下面的结构，每一步都是一个页面，里面有不同的组件。
我的nuxt配置：
在文档中，它说我需要为我的nuxt链接添加localePath，以使它与i18n插件一起工作。
例如：
<nuxt-link to="localePath('about')">About</nuxt-link>
在我的应用程序中，我经常以编程的方式导航到下一步：
this.
浏览 14提问于2019-11-11得票数 4
我在nuxt中有一个只有登录用户才能访问的路由: /dashboard/secret。
在/dashboard页面中，我有一个类似这样的链接：
<nuxt-link to="/dashboard/secret">Link to "secret" page</nuxt-link>
单击时，nuxt将从
myapp.com/_nuxt/pages_dashboard_secret.js
如何为nuxt路由添加身份验证，以阻止用户手动转到url并读取内容？
是的，实际的秘密数据将从外部api获取，它将验证用户令牌，但人们甚至可以看到这个页面的h
浏览 4提问于2018-09-30得票数 1
2回答
Nuxt子域路由
、、、
我正在尝试在Nuxt中实现子域路由。这就是我需要做的：
/pages/username/index.vue:
username1.mydomain.com (this page should display "hello, i am username1")
username2.mydomain.com (this page should display "hello, i am username2")
username3.mydomain.com (this page should display "hello, i am username3")
浏览 10提问于2020-08-01得票数 2
4回答
在Nuxtjs项目中配置/启用弹性APM代理的正确方法是什么？
我向推荐了一个定制的NodeJS应用程序。关键的外卖是：
重要的是，在您需要Node.js应用程序中的任何其他模块之前，即在http之前和路由器之前启动代理。
我在nuxt.config.js中添加了以下代码片段，但APM代理没有启动或工作。我没有在应用程序日志中看到任何错误。
var apm = require('elastic-apm-node').start({
serviceName: 'nuxt-app',
serverUrl: 'http://ELK_APM_SE
浏览 10提问于2020-12-28得票数 1
回答已采纳
我试图将数据传递给nuxt-link，但当我单击该链接时，nuxt-link返回了一个404错误。它似乎没有获取和加载文件...
后两个链接使用:href和hardcoding
<h2 class="subtitle"><nuxt-link :to="{path: filePath}" exact>Nuxt View Menu</nuxt-link></h2>
<h2 class="subtitle"><a :href="filePath">Vue View
浏览 4提问于2017-09-25得票数 18
回答已采纳
2回答
关于Nuxtjs和vue js，我有一个简短的问题。目前，我有一个vuejs项目，但由于vue js不提供ssr功能，我在项目中有一些网页，其中SEO非常重要。为了实现这一点，我必须对某些页面使用nuxt。所以我的问题是，如何在当前vue js项目中配置nuxt js？
浏览 2提问于2021-06-05得票数 0
回答已采纳
2回答
我在nuxt.js中使用Vuetify。如何仅在仪表板布局中使用？在nuxt.config.js中
modules: [
//['nuxt-leaflet', { /* module options */}],
'bootstrap-vue/nuxt',
'@nuxtjs/axios',
'@nuxtjs/pwa',
'@nuxtjs/auth',
'@nuxtjs/toast',
[&
浏览 12提问于2020-12-05得票数 3
回答已采纳
1回答
我是Nuxt.js的新手，我正在从事一个SPA项目，在这个项目中，我需要一个表的动态路由。
在文档之后，我能够使用：nuxt generate生成动态路由。但它只为构建生成那些路径。
我的问题是，如何在开发环境中使用动态路由来测试和构建SPA项目中的UI？
浏览 28提问于2022-09-20得票数 0
1回答
有一个用Vue 2.7编写的中型应用程序(vuex、vue路由器等).
直到某种程度上，我们有了SSR“用我们自己的手”。工作缓慢而曲折，但有效。
最近，它已经不再满足项目的需要，我们意识到我们将迁移到Nuxt。
最近，Nuxt 3被释放了。它现在处于rc状态。我们押注于努克斯特的进一步发展。因此，我们希望迁移到版本3。此外，我认为在不久的将来，我们将考虑切换到TypeScript，在Nuxt3TS支持是一个很好的水平。
但是有一个歧义: Nuxt 3与Vue 3一起工作。同时，建议使用pinia而不是Vuex。
在这方面，问题：
当使用Nuxt 3时，大多数组件会在Vue 2上工作吗？我
浏览 57提问于2022-09-19得票数 0
显然，我可以像这样调用简单的页面：<nuxt-link :to="localePath('about')"> =
但是调用<nuxt-link :to="localePath('addItem/food')">会让我返回到根目录。当我在addItem页面上时，<nuxt-link :to="localePath('food')">也是如此。()
如果我简单地放入<nuxt-link :to="localePath('addItem'
浏览 1提问于2018-08-30得票数 1
向多个块传递相同属性/参数的最佳实践是什么？我发现自己总是重复代码，因为：
env = var.env
location = var.location
tags = local.tags
rg_name = var.rg_name
subscription_id = var.subscription_id
service_plan_id = local.service_plan_id
nodejs_version = var.nodejs_version
下面是我目前使用的示
浏览 0提问于2022-08-30得票数 0
回答已采纳
我的页面结构是：
pages/
--| music/
-----| index.vue
-----| rock.vue
-----| pop.vue
我的文件代码是：
音乐/索引.
<template>
<div>
<nuxt-link :to="localePath('music-rock')">Rock</nuxt-link>
<nuxt-link :to="localePath('music-pop')">Pop</nuxt-l
浏览 3提问于2020-04-14得票数 1
回答已采纳
2回答
我在nuxt.config.ts中遇到了extendRoutes的问题
当我构建nuxt并生成页面时，我希望我的路由器根据api调用知道哪个组件转到哪个路径。
因此，在Nuxt.config.ts中，我这样做：
router: {
extendRoutes(routes resolve){
cms.getRoutes().then(x => { <-- this returns an array from api call with objects needed for path
for(var i = 0; i < x.items.lenth;
浏览 3提问于2020-06-24得票数 3
我计划使用Nuxt 3建立SSR网站。我使用nuxt映像来处理静态目录下的所有图像。我想知道裸体图像不太好，但我不知道如何解决。为了清楚起见，请看我下面的步骤。
我的项目目录：
components
pages
static/
sample-image.webp
app.vue
nuxt.config.ts
package.json
package.json
"scripts": {
"dev": "nuxt dev",
"build": "nuxt build"
},
"devDe
浏览 39提问于2022-11-01得票数 1
我已经成功地构建了我的应用程序，只剩下一步就是通过我在Gitlab上的回购部署到主机Vercel上。
我使用Nuxt.js(SSR类型)和服务器Express.js和通过repo Gitlab部署主机Vercel。
这是结构
api/
--| index.js
now.json
nuxt.config.js
index.js中的
const express = require("express");
const app = express();
const bodyParser = require("body-parser");
const products =
浏览 5提问于2020-05-23得票数 2
我使用的是Nuxt.js默认模式，通用和历史路由器。
当我运行nuxt generate并获取一个网站时，Nuxt.js在dist文件夹中生成index.html。
因此，如果我发布网站，我可以简单地通过https://example.com/访问我的网站。
我的问题来了，如果我导航到https://example.com/index.html，Nuxt.js会立即将我的网站重定向到：
This page could not be found
Back to the home page
如果我禁用浏览器JavaScript，我就可以访问我的网站。
我试过，它不起作用，我想是因为它适用于动态路由
浏览 4提问于2020-03-23得票数 2
我希望你一切顺利
我想告诉您如何在Vue模板中安装Nuxt js以使Nuxt js的功能受益
例如，文件结构和轻松路由..etc
有什么帮助吗？
浏览 61提问于2020-11-17得票数 1
3回答
我想生成两个静态路由(/contact，/about，.)和动态路线(/project/1，/project/2, .)对于我的项目，当用户在访问这些路由时刷新页面时，页面仍然工作。
但是在执行npm run generate时，我只获得Generated route "/"，而在/dist文件夹中，我没有看到生成的路由。
使用的Nuxt.js版本：2.14.7
我尝试了universal和spa模式，但两者都不起作用。
在nuxt.config.js中，我在顶部有：
const axios = require('axios')
const dynamicRo
浏览 4提问于2020-11-30得票数 7
回答已采纳
1回答
我有一个静态的nuxt项目版本2.14.12。我已经设置了一个github部署操作，通过将我的主分支和暂存分支部署到共享服务器的不同部分。
我有一个staging.example.com(分期分支)和一个example.com(主分支)。
我正在设法解决如何为我的staging.example.com修复路由，我的主分支工作正常，我的暂存分支在部署后拥有来自.dist文件夹的所有文件，但是文件上的路由是不正确的，并且在_nuxt文件夹中的一个js文件上有一个404错误。
如何在nuxt.config.js文件中使用env修复路由？
浏览 30提问于2022-09-25得票数 0
回答已采纳
我使用create-nuxt-app npm命令创建了一个应用程序，并获得了这个server/index.js文件。
const express = require('express')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
const app = express()
const host = process.env.HOST || '127.0.0.1'
const port = process.env.PORT
浏览 0提问于2018-11-12得票数 2
在以ssr模式构建应用程序时，我注意到构建包中没有包含虚拟验证，并且应用程序在服务器上崩溃。
复制：
1) > nuxt build
2)从本地node_modules中删除vee-验证
3) > NODE_ENV=production node server/index.js
4)观察服务器错误:找不到模块‘vee’
版本：
nuxt v2.4.2
vee-validate v2.1.7
我有以下配置：
nuxt.config.js：
plugins: [
{ src: '@/plugins/registerPlugins.js' }
],
浏览 1提问于2019-02-09得票数 0
回答已采纳
我一直在研究如何在nuxtjs中的动态路由中添加@。
我想要实现example.com/@username
我尝试创建一个名为'@'的目录，在其中我创建了一个文件_user.vue，但是这会导致@/username
我还尝试在配置中扩展路由器，并创建一个自定义路由，如
router: {
extendRoutes(routes, resolve) {
routes.push({
name: 'user',
path: '/(@):username',
component: res
浏览 3提问于2020-11-03得票数 0
3回答
在重新加载页面后返回404
、、、、
大家好，我正在做一个使用nuxt的项目，我只是对这个框架很陌生。我已经将它配置为使用spa模式，fyi我没有更改或添加任何在我的nuxt配置中的默认设置。下面是我如何设置我的页面。
页面/用户/index.vue-显示列表或用户
页面/用户/_id.vue-显示特定用户
我使用和命令部署了我的项目。然后，dist目录托管在nginx服务器中。
问题是，当我使用nuxt链接导航到/user/id时，页面被正确呈现，但是当我直接访问页面url或刷新页面时，就找不到nginx 404页面。
我读过有关来生成预呈现页面的文章，但是在处理数百条记录时使用它好吗？
任何帮助，建议，都是徒劳无功的。
谢谢
浏览 0提问于2019-02-26得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
