生成Nuxt静态页面时没有图片或api
生成Nuxt静态页面时没有图片或API通常是由以下几个原因引起的：
- 图片路径问题：在生成静态页面时，Nuxt可能无法正确地解析图片路径。请确保在模板或组件中使用正确的相对或绝对路径来引用图片。另外，如果你使用了CDN来存储图片，也需要确保CDN配置正确。
- API调用问题：生成静态页面时，Nuxt无法像在浏览器中那样实时调用API。如果你的页面依赖于API数据，你需要在构建阶段预先获取并嵌入到静态页面中。你可以使用Nuxt的
asyncData或fetch方法来获取数据，并将其通过props传递给页面组件。 - 资源路径问题：在构建静态页面时，Nuxt将会根据路由生成对应的文件，并将相关资源（例如图片、样式表等）放置在正确的位置。如果你的图片或API资源没有正确地被复制到生成的静态文件夹中，可能是配置或构建过程中的错误导致的。你可以检查Nuxt的构建配置，确保资源被正确地处理和复制。
对于没有图片或API的情况，可能没有特定的腾讯云产品和链接可以直接提供。然而，腾讯云提供了丰富的云服务，可以帮助你构建和扩展你的应用程序。你可以浏览腾讯云的官方文档和产品页面，了解更多相关产品和解决方案。
总结：要解决生成Nuxt静态页面时没有图片或API的问题，你需要确保正确配置图片路径、预先获取API数据并嵌入到静态页面中，并检查资源是否被正确处理和复制。腾讯云提供了一系列的云服务和产品，可以帮助你构建和扩展应用程序，你可以查阅腾讯云官方文档和产品页面，以获取更多相关信息。
相关·内容
我发现可以在Nuxtv2.13应用程序中正确地管理环境变量。我只是试图实现拟议的逻辑，但我遇到了一些问题，我想问你。
我将publicRuntimeConfig和privateRuntimeConfig设置为如下。我使用的是Contentful，所以我必须正确地设置Contentful令牌，以便能够进行API调用。
export default {
// Nuxt target - See https://nuxtjs.org/api/configuration-target
target: 'static',
// Nuxt rendering mode - S
浏览 4提问于2020-07-26得票数 5
我有一个动态页面的Nuxt网站，数据来自RESTful API。
当我访问页面时，它会显示循环加载屏幕，然后加载内容。
我使用nuxt generate命令构建它。
装载屏幕：
查看源代码如下：
该视图源显示加载指示符。
如何使它跳过加载并只包含HTML的结果？我这么做是为了SEO
我的asyncData：
async asyncData({ $axios, route }) {
const response = await $axios.$get('/v1/items/' + route.params.slug)
const cover
浏览 6提问于2020-10-04得票数 0
回答已采纳
Nuxt2.13现在提供了将universal应用程序转换为的选项。
我将nuxt升级为2.13.3，在nuxt.config.js中设置目标：static，然后运行nuxt build && nuxt export
现在我在/dist文件夹中有了静态文件。当我使用MAMP查看/dist文件夹时，一切正常，我可以导航到子页面并刷新页面。
问题是当我上传到S3 + Cloudfront时
S3桶被设置为静态web托管。Index document和Error document被设置为index.html --当我导航到桶内容时，我能够加载页面并导航到子页面。但是，当我刷新一个子页
浏览 3提问于2020-07-13得票数 1
一直在玩一个用JSONPlaceholder和Nuxt.js构建的简单博客
一切看起来都很好，我有一个存档和一个博客文章运行良好，但是当部署到Netlify上时，我可以看到浏览器仍然在对JSONPlaceholder进行API调用，尽管所有页面都是静态构建的，而且我可以看到它们已经在HTML中包含了内容。
我在nuxt配置中使用generate中的路由方法根据JSONPlaceholder /posts结果创建100个html文件。
这是Netlify链接:已删除。
和公共回购：
我错过什么了吗？
浏览 3提问于2019-05-24得票数 0
回答已采纳
1回答
我已经用Nuxt SSR构建了多个站点，但从未接触过静态部分。
据我所知，在构建时，Nuxt会自动执行所有API调用并缓存它们。
如果我想创建一个带有静态Nuxt站点的博客，我该如何更新内容？只有当我重新构建应用程序时才有可能吗？
似乎没有必要在每次我添加新的博客帖子时重新构建所有内容。使用SSR，我只需重新加载页面。
我还想指出的是，我有一个Strapi.js后端运行在VPS上，我通常每周进行更改。声明我需要将我的更改推送到主repo分支，但在前端没有更改。
这是否也意味着无头cm应该只在本地？
浏览 19提问于2021-05-27得票数 0
回答已采纳
1回答
我是vue和Nuxt的新手，我有一个任务是部署一个带有youtube api和搜索功能的静态页面，所以每次我尝试使用nuxt生成一个静态页面时，它都没有我的图片或youtube api index.vue <template>
<div class="iframe">
<input class="textR" type="text" v-model="searchInput">
<button class="button
浏览 65提问于2020-04-21得票数 0
我开始学习更多关于Jamstack的知识，但我仍然对SSG中的动态内容的某些方面感到非常困惑
例如:我有一个像dev.to这样的静态博客，但我有一些用户可以互动，比如给帖子点赞，这些用户也有一个带有一些统计数据的私人用户页面，我如何选择nuxt的静态和动态？在每篇nuxt教程中，我都看到人们无处不在地使用AsyncData，但在这种情况下，nuxt如何知道哪些api调用需要在构建时进行(博客帖子)，哪些api调用应该由客户端进行(用户头像、赞等)？
浏览 27提问于2021-11-17得票数 0
1回答
我正在使用带有asyncData()的nuxt向端点发出axios请求。在我的构建中，我使用了预先呈现的HTML页面。
我在API端点上有一组产品，我们刚刚删除了大部分产品，但它们仍然显示完整的产品列表。
因此，我启动了我的开发服务器并访问了端点，并且我看到了来自端点的正确更新的API列表。
所以看起来我的服务器正在缓存API调用。我没有使用节点服务器，只是将我预先呈现的html上传到服务器。
我只是想找出问题所在，想知道是nuxt.js的配置允许我不从端点缓存，还是严格意义上的服务器问题导致了API数据被缓存？
或者，我可以在AXIOS请求中使用配置，以便始终为我提供最新的副本？
浏览 3提问于2020-08-13得票数 0
1回答
我使用nuxt-generate和nuxt/device包。它提供了设备类型，但对于布局，因为我使用nuxt-generate at first load应用程序使用默认布局。不是nuxt/device提供的。但在我转到另一个页面后，它开始使用正确的布局。所以问题是，我如何才能让应用程序的使用布局在第一次初始化。或者至少在初始化后更改它。有没有办法做到这一点呢？这就是我尝试选择布局的方式，但在第一次打开时从来不起作用。
layout (context) {
if(context.isMobile) {
return 'mobile'
} else
浏览 0提问于2020-07-02得票数 0
3回答
在重新加载页面后返回404
、、、、
大家好，我正在做一个使用nuxt的项目，我只是对这个框架很陌生。我已经将它配置为使用spa模式，fyi我没有更改或添加任何在我的nuxt配置中的默认设置。下面是我如何设置我的页面。
页面/用户/index.vue-显示列表或用户
页面/用户/_id.vue-显示特定用户
我使用和命令部署了我的项目。然后，dist目录托管在nginx服务器中。
问题是，当我使用nuxt链接导航到/user/id时，页面被正确呈现，但是当我直接访问页面url或刷新页面时，就找不到nginx 404页面。
我读过有关来生成预呈现页面的文章，但是在处理数百条记录时使用它好吗？
任何帮助，建议，都是徒劳无功的。
谢谢
浏览 0提问于2019-02-26得票数 6
回答已采纳
我用Nuxt创建了一个博客，它为我的每一篇文章( (articles/_slug.vue). )提供了动态路由在_slug.vue文件中，我使用asyncData从strapi获取标记内容。
运行nuxt生成之后，nuxt启动并导航到浏览器中的文章页面，打开页面源代码时，我发现有许多Js文件正在导入，一个div具有id __nuxt，很可能类似于SPA格式。
这并不发生在我的index.vue页面中，因为当我查看index.vue的页面源时，我的所有内容都在index.vue中。
重要的是google爬虫能够在我的文章页面上索引内容，所以不包含博客内容的页面源并不理想。
我不明白的是，当我
浏览 9提问于2021-02-23得票数 0
回答已采纳
2回答
我试图用nuxt.js创建一个SSG网站，但是当我尝试在VS代码终端中运行nuxt build && nuxt export或任何其他nuxt命令时，我会得到以下错误：bash: nuxt: command not found。我安装了这些：
节点12.18.2NPM6.14.6nuxt 2.13.3 (全局)I还在Windows 10< Code >F 211</code>上作为管理员运行VS code
我可以使用以下格式运行命令：npx nuxt build && npx nuxt export (在nuxt之前添加npx )，这是一
浏览 2提问于2020-07-12得票数 2
我用nuxt.js创建了自己的博客(静态内容)。但是，当我将nuxt.js应用程序部署到Apache时，我遇到了一些问题。
我知道最好将nuxt.js部署到Nginx，但除了Apache之外，我别无选择。我为我的nuxt.js应用程序做了代理设置，以连接到我的域。但是只有主页工作，其他页面显示无效的DNS错误消息。
我做了什么，
npm nuxt generate > httpd-vhost.conf中CLI代理设置中的npm nuxt start
<VirtualHost *:80>
ServerName mydomain.com
DocumentRoot
浏览 5提问于2022-01-17得票数 1
回答已采纳
1回答
我想我误解了nuxt服务器中间件。我有一个api目录，其中有一个文件，它可以快速地将记录写入mysql数据库。在dev中，一切都按预期运行，但是在nuxt生成之后，端点总是返回404。
您可以使用在服务器上运行的内部API使用nuxt generate吗？我会使用axios来达到这个端点的价值，但我怀疑这会有什么区别。
来自Nuxt config：
{
target: static,
serverMiddleware: [{ path: '/api', handler: '~/api/index.js' }]
}
浏览 2提问于2020-12-13得票数 1
1回答
我刚刚在静态模式下创建了一个Nuxt3，但是我不想每次都把它推到Netlify预览它。
这是我的nuxt.config.js (没什么变化)
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
})
而且，我也不知道为什么，但是yarn generate没有工作，正如你在下面看到的，它说
此版本不支持预览。
直接打开index.html文件没有帮助，因为我确实有很多错误+我的API调用不起作用。
浏览 4提问于2022-05-03得票数 0
好的，我开始在spa模式下使用Nuxt，我可以看到动态页面的工作方式不同，所以我在搜索时发现，当我开始生产时，我可以使用generate property生成动态页面，但是如果我的API有太多用户，是否可以使用它？？还是有更好的方法来创建动态页面？
浏览 45提问于2021-03-30得票数 1
回答已采纳
我有个努克斯特项目。当我生成一个静态页面时，一切都很好。但是，我需要向另一个服务器发送一个POST请求。
我尝试在nuxt.config.js中同时使用代理和直接查询，但是最终部署到ngnix之后，没有什么工作。
请帮帮忙。
最新消息。复制的步骤。
创建Nuxt应用程序，包括axios和代理
为其他for服务配置代理：
proxy: { '/api': { target: 'http://example.com:9000', pathRewrite: { '^/api': '
浏览 0提问于2020-04-16得票数 1
我的目标是拥有以下页面结构
pages
--/users/
--/users/:id/
--/users/:id/edit/
应该为每个:id生成编辑。现在我的设置只在开发模式中工作。在nuxt上，只生成第一个/users/:id/edit/。所有其他路线都有404错误的生产！
当前设置：
- /users
- index.vue
/_id
- index.vue
- edit.vue
我还试图添加另一个_id.vue，我找到了和
/users
- _id.vue
- /id
[...]
我也查过了。
在nuxt.config.js我有
浏览 8提问于2022-07-27得票数 2
回答已采纳
当我刷新页面时，我的nux应用程序显示404未找到错误。如果我在ssr中导航nuxt-links路由，它工作得很好。我做错了什么？ 我正在使用'now‘命令部署到now.sh。 我使用slug，我的主vue文件是_vue.vue，作为动态页面的主模板。 <template>
<div>
<headerBanner :pagetitle="post[0].title.rendered" :acf_subtitle="post[0].acf.subtitle_text"/>
</div>
</templ
浏览 130提问于2019-03-16得票数 1
3回答
在使用nuxt.js fetch()时，每当我重新加载页面时，它都不会再次获取它。只有当我来自路由器链路时。我如何强制它从我的API中实际获取？ export default {
async fetch() {
const data = await this.$axios.$get(`/users/${this.$route.params.name}`)
this.user = data
},
data() {
return {
user: []
}
}
} 我看到的每一个
浏览 104提问于2020-08-26得票数 4
例如，我在Nuxt中有一些页面： data() {
return {
items: []
};
},
asyncData() {
return axios.get('site.com/url')
.then((response) => {
return {
items: response.data
};
});
}, 然后，我
浏览 30提问于2020-09-28得票数 0
Gridsome/Gatsby用例:仅限于CMS？
我读到Gridsome/Gatsby可以很好地处理CMS，但是我从来不需要对CMS做任何事情，这就是为什么我个人无法与这个优势联系在一起。这是唯一最好使用Gridsome/Gatsby的情况吗？
静态站点生成与预取
都可以进行静态站点生成和预取。这种行为有什么区别吗？
柔性
基本上，有了Nuxt/Next，我就可以灵活地做我想做的事情，并且在我积极开发的时候很容易地改变构建行为(SSR或静态站点生成)。另一方面，对于Gridsome/Gatsby，则没有提供这种灵活性。还是真的是这样？
Time Investment
此外，考虑到时间，学习两
浏览 2提问于2020-02-11得票数 5
我有一个前端运行在Nuxt和Laravel作为后端服务。当我使用Laravel中间件生成signedURL时，路径在URL中包含" API“，导致在Nuxt端没有找到异常的页面
因此，以下是更好地理解正在发生的事情的步骤：
用户单击Nuxt应用程序中的一个按钮，并将ajax请求发送给Laravel API控制器生成signedURL。
$signedUrl = URL::signedRoute('register', ['email' => $this->request->email, 'group_id' =>
浏览 0提问于2020-05-02得票数 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
回答已采纳
我使用"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
1回答
我使用vue线索创建了一个vue项目： vue create myproject 我认为当我执行npm run build时，输出将是一个单页面应用程序(SPA)。我需要什么才能用我现有的代码生成一个静态网站(SSG / Jamstack)？我知道使用Nuxt可以很容易地做到这一点，但我想知道没有Nuxt该怎么做。 编辑:我想我的意思是预先渲染一些页面，这样对SEO更好。
浏览 198提问于2021-04-29得票数 2
有很多关于Nuxt的信息，或者是完全静态的，但是我找不到任何指南如何在一起构建带有静态页面的混合SSR。
我正在用Nuxt构建一个网站，我想从一个10 to的JSON文件中静态地呈现所有的产品页面。
我找到了一个，提到可以创建一个具有静态生成路由的中间件。我不知道如何做到这一点，希望我能得到一些帮助。
浏览 3提问于2021-09-23得票数 3
回答已采纳
我的nuxt.js项目有一个问题。
我创建了像https://samplesite.com/place/{place_id}这样的动态页面，它place_id动态值。(我的数据库中有大约4,000+的位置)
在我运行npm run generate并获取/dist文件夹后，我将此文件夹推送到亚马逊EC2。
一切正常，当我点击首页上的like进入/ place /{place_id}页面时，网站会显示地点信息。
但当我在web浏览器上按刷新按钮时，找不到页面/place/{place_id} show 404。
您有什么解决方案来解决这个问题吗？
我在nuxt.js网站上看到，他们说我需要生成动
浏览 3提问于2017-11-20得票数 10
1回答
我想通过Nuxt 3构建一个客户端的应用程序，正如文档描述的一样，我已经将ssr: false添加到了我的nuxt配置中。
然后，我使用nuxi build命令构建应用程序，但它仍然表示需要使用节点来运行它。
我继续运行nuxi generate，就像通常对静态托管一样。
根据generate命令的输出，我应该能够将公用文件夹部署到任何静态web宿主。然而，当我这样做的时候，我只会得到一页白纸。
我尝试过在没有ssr: false的情况下运行相同的命令，这确实会呈现一个页面，但这不会导致我的javascript工作。
编辑:最小可重现性示例
因此，我刚刚从nuxt文档中得到了。
没
浏览 9提问于2022-06-25得票数 0
3回答
我正在用NuxtJs创建一个简单的演示应用程序。主页显示不经常更改的静态内容。还有一种显示用户列表的方法：/users。其中一个用于显示用户的详细信息：/user/id。
现在我的问题是，nuxt generate和nuxt build有什么区别？我应该用哪一种？
我认为nuxt generate页面不会呈现像users和user/id这样的动态路由，对吗？如果我是对的，那么generate命令将只为主页生成一个预渲染的HTML。所以使用generate总是比使用build更好，对吗？
浏览 0提问于2019-08-26得票数 6
回答已采纳
1回答
我有一个nuxt应用程序，我想为我的所有路线创建静态html文件。
我成功地生成了静态文件。
因此，在运行nuxt generate之后，我有了例如，这些文件夹中有index.html：
buy/applebuy/orangebuy/banana
我的问题就在这里。
在我的页面中，我想要这样：
<h1>Buy {{fruit_name}}</h1>
我希望fruit_name对生成的html文件是静态的。
因此，例如，对于最终的html中的苹果，我想要：
<h1>Buy apple</h1>
现在苹果是空的。
那么，我应该如何根据生成时间上的路由
浏览 3提问于2020-05-11得票数 0
回答已采纳
2回答
即使阅读了多篇文章，解释了静态呈现和SSR呈现之间的差异，我仍然不明白动态API调用在这些不同模式下是如何工作的。
我知道Nuxt有fetch和asyncData挂钩，它们在静态生成期间只调用一次，但是如果我在组件方法中使用动态HTTP请求(例如，当通过POST请求提交表单时)怎么办？这在静态站点中甚至有效吗？
我正在创建一个站点，显示用户在大多数页面上生成的内容，所以每次访问其中一个页面时，我都必须发出GET请求，以保持内容的最新更新。我能用静态站点来做吗?或者我必须使用SSR /其他什么的？我不想使用客户端呈现(SPA模式)，因为它是缓慢和有害的SEO。那我最好的选择是什么？
浏览 8提问于2021-08-18得票数 8
回答已采纳
我的问题是，我必须将自定义头添加到我的Nuxt页面中，这样SharedArrayBuffer才能工作。
我知道如何将自定义头添加到从static文件夹和生产服务器提供的资产中：
render: {
static: {
setHeaders(res) {
res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')
res.setHeader('Cross-Origin-Opener-Policy', 'same-origin
浏览 7提问于2021-10-21得票数 2
在我的nuxt应用程序中，我有几个存储操作，通过axios获取数据。然后，我使用map循环数据，并对返回的对象数组进行一些修改。在开发模式下，它工作得很好。但是，当我生成应用程序的静态版本时，我会得到错误。
TypeError: h.map is not a function
at 53f3259.js:formatted:3500
at v (c554bee.js:2)
at Generator._invoke (c554bee.js:2)
at Generator.next (c554bee.js:2)
at r (c554bee.js:2)
浏览 0提问于2021-05-02得票数 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
2回答
我试图在NUXT3上使用nuxt映像，但是它似乎不能使用generate命令。图像在dev期间工作，但在使用nuxt生成时获得404。
在我的nuxt配置中
modules: ["@nuxt/image-edge"],
image: {
dir: "assets/images",
},
在我的档案里
<NuxtImg
format="webp"
class="mobile"
src="/website/home/above-fold-illustration-mob
浏览 14提问于2022-10-24得票数 1
回答已采纳
我开始慢慢地从nuxt 2迁移到nuxt 3，以前我使用过axios。
在Nuxt3中，建议使用
然而，对于useFetch来说，这种行为是相当奇怪的。没有系统地打电话。
例如，在这段代码中：
async mounted() {
const store = useAuth();
let response = await axios.get('http://dev.test.fr/api/secured/admin', {headers : store.authHeader() });
this.sensibleInformati
浏览 131提问于2022-07-28得票数 0
我用@ Nuxt /auth安装了一个nuxt应用程序。每当刷新页面时，用户总是被重定向到登录页面。我想Nuxt应用程序的服务器端是，没有登录，而客户端是登录。JWT访问令牌是从一个Express API获得的。有人能帮我解决这个问题吗？这是我的nuxt.config.js
auth: {
redirect: {
login: '/',
logout: '/',
home: '/dashboard',
},
resetOnError: true,
rewriteRedirec
浏览 1提问于2021-01-05得票数 5
在URL中使用变量时，如何推荐页面重载(例如，如果用户按下刷新页面)？ 我已经用nuxt generate静态地生成了一个站点，并在http://www.wowrares.com/上托管它。该站点正确地生成链接，并且能够在单击侧栏导航链接时导航到该区域，但是如果我手动进入http://www.wowrares.com/zone/Ashenvale，它会显示Page Not Found Looks like you've followed a broken link or entered a URL that doesn't exist on this site.，并提供一个返
浏览 21提问于2019-08-26得票数 1
回答已采纳
1回答
我目前正在建设我的第一个(静态生成的)网站与nuxt和一个无头的Wordpress作为CMS。我还使用模块nuxt-i18n进行多语言支持:德语(默认)和英语。
安装程序
为了从多语言的Wordpress中获取数据，我使用模块wp-nuxt，然后将数据存储在vuex存储中。依赖于客户端浏览器语言或当用户手动更改语言时，$wp (wp-nuxt)的端点将被更改，因此将获取批准的内容并将其存储在存储区中。
现在，在NuxtServerInit()上，为路由定义的地区从CMS中获取一些基本数据(例如，http://myserver/en/news将从英语CMS端点http://wphost/mycm
浏览 1提问于2021-03-16得票数 0
回答已采纳
问题是head()似乎是在异步fetch()之前执行的，这在尝试插入页面的元数据和标题时会导致错误。我知道asyncData是存在的，但是它在路由转换级别阻止页面加载，这使得它提供了如此糟糕的用户体验(在连接不良的移动设备中，页面转换可能会被阻塞几秒钟)，并提醒人们原来的PHP呈现的网站，而不是现代的SPA。另一方面，Nuxt ()在服务器端呈现页面时，公开$fetchState.pending并使显示页面骨架的即时页面转换成为可能(因此使用户体验更好)。我遇到的唯一问题是这个带有head()数据的问题。这个问题是可以解决的还是仅仅是使用fetch()而不是asyncData()的一个不可解决
浏览 2提问于2022-04-14得票数 0
当人们进入网站，我希望/home，/about等网页是静态的。但是，当他们登录时，我希望从客户端呈现新页面。如何通过Nuxt实现这一目标？
浏览 1提问于2021-08-10得票数 1
回答已采纳
我的Nuxt项目有大约700-1000个静态和动态页面，通过Netlify托管。其中300条是正确生成的。
在生产中，我发现某些动态生成的路由获得了HTTP 404状态代码。但是，它们是生成和加载的，在生产中没有任何其他错误。他们只是得到404错误代码，这对SEO有坏的影响。Dev服务器和通过本地dist运行生成的nuxt start文件夹都没有显示这些页面上的404代码。静态生成的页面工作正常。
以下是我对nuxt.config.js的设置(请参阅下面的完整列表)
target: 'static',
generate: {
fallback: true,
浏览 7提问于2022-09-20得票数 0
我是Nuxt.js和Node.js的新手。我想在'contact.vue‘页面上运行一个非常简单的联系人表单。它在本地运行的很好，但一旦我做了一个'npm运行生成‘来生成文件并将所有这些上传到FTP，它就不再工作了。控制台中有一个错误："POST 404 (未找到)“
我在表单上使用POST方法，并使用指向'api / message‘的操作。我在一个方法中使用axios (在同一个'contact.vue‘页面上)：
async onSubmit (e) {
e.preventDefault()
await this.$axios.post(
浏览 1提问于2020-09-22得票数 2
1回答
基于，一旦我运行yarn build，"Nuxt.js将创建一个.nuxt目录，其中的所有内容都可以部署到您的服务器主机上。“
基于 ，还有其他一些必需项：static/**、package.json和nuxt.config.js。
其中一篇文章以及上的说明都说需要一个server.js文件，但我想坚持“所有内部准备部署的东西”。我的Azure应用程序服务是为Linux设置的，而不是IIS。
但是，在我部署了这些文件/文件夹之后，npm run start (映射到nuxt start)抛出了一个不能识别的命令nuxt的错误。这是有道理的，因为我还没有安装软件包。
我还试着用node
浏览 4提问于2021-04-20得票数 5
1回答
我刚刚从开发模式转向生产我的nuxt应用程序。
它使用@nuxtjs/auth-next，在开发版本中，一切都像魅力一样工作得很好。
今天我刚刚把网站部署到cloudflare页面，因为this.$auth.user属性总是空的，即使我登录了两次，auth用户总是空的，它将迫使我重新登录。
我能做什么?
login.vue
<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
name: 'Login',
mounted() {
thi
浏览 9提问于2022-04-01得票数 0
回答已采纳
1回答
我和Nuxt应用程序一起工作。
当我创建一个运行npm的构建时，运行build命令并使用npm 命令启动它
它似乎没有显示出任何尾随的斜杠
所以在我的构建中，它就像这个
但是，当我一开始部署站点时，它运行平稳，没有尾随斜杠，但是一旦我刷新页面，它就用尾随斜杠加载页面。
结果的示例
我尝试使用各种中间件，甚至是Nuxt trailingSlash方法。但没有运气
下面是我的nuxt.config文件的样子
var dynamicPages = require('./dynamicPages.json')
export default {
// Target: https:/
浏览 14提问于2021-12-08得票数 0
使用nuxt generate生成项目，并以这种方式为_slug页面创建路由：
generate: {
routes() {
return axios.get('https://mywebsite.xyz/categories').then(res => {
return res.data.data.map(category => {
return '/collections/' + category.id
})
})
},
},
生成的
浏览 13提问于2021-02-19得票数 0
我有一个生成的(静态) nuxtjs页面。无法自定义显示加载状态的第一页。这是截图。这也是你看到的，当你使用‘水疗’模式，而不是‘普遍’。
我不是在讨论加载，它可以使用nuxt.config.js中的loading属性进行定制。虽然我已经为加载状态创建了一个自定义组件，解释了 (正确工作)，但这个组件与它完全不同。
对于托管示例，签出。它在较慢的连接上尤其可见。
浏览 9提问于2020-08-10得票数 0
回答已采纳
我的Nuxt simple网站有问题。页面加载的图像加载速度不够快。它使得所有的布局都改变了，有一段时间我只能看到他们的alt文本。为什么nuxt不等待所有的资源？它只是下载页面大小的一半，然后延迟加载剩下的部分。
浏览 119提问于2021-01-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
