腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
Nuxtjs -在Safari上第一次加载SSR失败后,asyncData中的Axios API调用
safari
、
nuxt.js
使用nuxt-axios-module @nuxtjs/axios进行的所有API调用仅在Safari浏览器上使用客户端加载浏览页面时才会失败/给出错误(SSR first time load工作正常)。 Safari控制台中给出的错误是模糊的,不能从中提取太多信息。以前有没有人遇到过这个问题?这对于所有不同的应用程序接口调用都是一致的,并且它们都遵循相同的模式:在asyncData中使用$axios,并在第一次加载SSR后失败。 错误: ? 所有其他浏览器都可以工作,甚至包括IE11。 我已经在‘客户端’和‘服务器’模式下尝试了Nuxt的现代模式,但都没有用。 有什么想法吗?
浏览 32
提问于2020-01-17
得票数 0
回答已采纳
2
回答
尽管设置正确,但Nuxt.Js axios不使用baseURL
javascript
、
axios
、
nuxt.js
我想在asyncData()中调用API async asyncData({ $axios, params, store }) { let itemUUID = params.item; let item = await $axios.get("/item/" + itemUUID); return {item}; } 问题: Axios仍然在http://localhost:3000上提出请求,如果我做了console.log($axios.defaults.baseURL),就会打印出正确的console.log($axios.default
浏览 0
提问于2021-06-18
得票数 0
回答已采纳
1
回答
Vue服务器端呈现
vue.js
、
vuex
、
server-side-rendering
如果当页面呈现在服务器上时,我们将SPA应用程序转换为SSR+SPA,那么数据将从vuex存储中加载,方法是通过axios向本地主机上的api发出http调用。 或者需要从数据库加载数据,以及如何传递到vue并防止存储操作的调度? 在传统应用程序中,我将直接从数据库检索数据,而不是发出get请求。 这很正常吗?是这条路吗? Nuxt还使用get请求而不是数据库查询: export default { asyncData({ params, error }) { return axios .get(`https://my-api/posts/${params.id}`)
浏览 16
提问于2020-09-22
得票数 0
1
回答
Nuxt.js首次加载
vue.js
、
nuxt.js
、
server-side-rendering
当我第一次加载ssr时,我知道这是Nuxt.js。但我不明白如何用ssr加载页面,并将其与csr一起使用。另外,我想知道asyncData是否只有在由csr操作时才能工作。Nuxt.js是如何工作的?
浏览 0
提问于2020-11-06
得票数 0
回答已采纳
3
回答
我正在努力处理asyncData中非常慢的Axios请求
vue.js
、
axios
、
server-side
、
nuxt.js
nuxt: 2.4.5 @nuxtjs/axios: 5.4.1 我在asyncData中获取数据,它持续了5秒,这使得加载一个页面非常长,这与axios请求有关,当我做同样的事情时,但在方法created而不是asyncData中,一切都是完美的。 我已经尝试重新安装所有依赖项,并使用旧版本和最新版本,结果都是一样的。 asyncData({ app: {$axios} }) { // this is very slow return $axios.get('/api/v1/advertisements').then(() => {});
浏览 0
提问于2019-03-30
得票数 2
3
回答
如何在Nuxt动态页面中显示完整的HTML?
nuxt.js
、
nuxtjs
我有一个动态页面的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
回答已采纳
2
回答
如何防止asyncData在Nuxt.js中重复调用
javascript
、
vue.js
、
nuxt.js
nuxt.js v2.15.3. 我在一些页面中使用了asyncData,这些页面是由nuxt-link访问的。 但是,如果连续单击nuxt-link (单击间隔小于1000 is ),则会连续调用asyncData函数。 有没有办法防止这种情况发生?我使用fetch而不是asyncData吗? <!-- some component --> <nuxt-link :to="`/some-page`"></nuxt-link> // some page component async asyncData({ $axios ) { //
浏览 4
提问于2021-07-01
得票数 1
1
回答
如何修复nuxt静态站点链接导致网络错误?
vue.js
、
nuxt.js
我有一个非常基本的nuxt.js应用程序,在本地db.json文件中使用JSON,由于某种原因,生成的静态站点链接导致网络错误,但是我可以通过url或页面刷新来访问它们。 nuxt配置 generate: { routes () { return axios.get('http://localhost:3000/projects') .then((res) => { return res.data.map((project) => { return '/project/'
浏览 4
提问于2020-01-20
得票数 1
回答已采纳
3
回答
Nuxt - asyncData有多个请求
vue.js
、
vuejs2
、
nuxt.js
在我的应用程序中,我有一个卖家页面,其中显示了卖家列出的产品。我使用asyncData来获得页面所需的所有数据(更好的搜索引擎优化) asyncData ({params, app, error }) { return app.$axios.$get(`/seller/${params.username}`).then(async sellerRes => { let [categoriesRes, reviewsRes, productsRes] = await Promise.all([ app.$axios.$get(`/cat
浏览 106
提问于2019-01-10
得票数 18
回答已采纳
1
回答
Nuxt应用程序在部署到now时在刷新时出现404错误
javascript
、
vue.js
、
axios
、
nuxt.js
当我刷新页面时,我的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
1
回答
在Nuxt asyncData中使用axios浏览器刷新丢失令牌
vue.js
、
axios
、
nuxt.js
、
token
、
asyncdata
我在Nuxt的Axios中使用asyncData从API中获取元标记,但我的问题是,必须在服务器端设置元描述才能出现在代码中。 因此,我添加了下面的nuxt页面: asyncData(context) { return context.$axios .get('/api/house', { headers: { 'X-AUTH-TOKEN': '######', 'Content-Type': 'application/json', },
浏览 0
提问于2021-03-26
得票数 0
回答已采纳
1
回答
Nuxt.js应用程序在重新加载后未使用asyncData获取数据
javascript
、
api
、
vue.js
、
async-await
、
nuxt.js
当我对setTimeout使用asyncData()函数并修复数据时,应用程序正在等待打开或重新加载页面。当我现在尝试从API获取数据,并且只点击菜单上的链接指向它可以正常工作的URL时,但当我尝试加载或刷新页面时,应用程序并没有等待API的响应,并且字段为空。 下面是我尝试过的三个示例,但都不起作用: asyncData() { return new Promise((resolve, reject) => { axios.get('/api/member/settings').then((response) => { resolve({
浏览 2
提问于2019-08-09
得票数 1
1
回答
Nuxt ssr asyncData axios请求在页面重新加载时不起作用
docker
、
axios
、
nuxt.js
、
server-side-rendering
在寻找解决方案的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
回答已采纳
1
回答
如何使用Nuxt为不同的API服务器设置代理?
javascript
、
vue.js
、
axios
、
nuxt.js
所以我有两份申请: 通过http://10.10.120.4:3333访问的Adonis服务器 使用Nuxt.js通过http://10.10.120.4:80访问的SSR应用程序 Nuxt.js应用程序可以在外部使用url http://my-website.com访问。我有此配置的axios模块 axios: { baseURL: '0.0.0.0:3333/api', timeout: 5000 } 现在的问题是,当我使用asyncData请求数据时,它可以工作,但是当请求是从asyncData外部发出的,比如created(),它会抛出一
浏览 3
提问于2020-03-31
得票数 8
2
回答
在nuxt中使用通用模式时,是否应该使用asyncData选项?
single-page-application
、
nuxt.js
、
server-side-rendering
我目前正在做一个使用nuxt的项目。 然后,就出现了auth的问题。 每当我使用中间件移动页面时,我都会从cookie中取出令牌并将其放入axios默认令牌中。 我对这个流程有一个问题,因为我使用的是通用模式。 由于客户端的中间件在移动页面时运行,服务器的中间件在刷新时运行,token分别存储在客户端的axios默认头部和服务器的axios默认头部中。 因此,我无法在刷新后从客户端获取数据。 这可以使用asyncData解决,但是是否应该将所有数据都带到asyncData?
浏览 12
提问于2020-04-05
得票数 0
1
回答
为Nuxt.js编写客户端API库
axios
、
server-side-rendering
、
nuxt.js
这更像是一个架构/设计问题,而不是“为什么这不起作用”。 我正在编写一个由外部API (ExpressJS)驱动的ExpressJS网络应用程序。该API负责身份验证(通过 - JWT)和检索用户数据等。据我所知,该API代码在客户机上设置一个cookie,并使用它检索JWT,以便代表浏览器与API服务器进行身份验证。 我为数据库中的每个模型编写了一些助手方法,如下(简化): // services/UserService.js export default class UserService { constructor(ctx) { this.$axios = ctx.$axio
浏览 0
提问于2018-02-15
得票数 6
2
回答
Nuxtjs asyncdata在导航更改后不保留数据
vue.js
、
axios
、
nuxt.js
、
asyncdata
我在pages/index.vue中,为了在我的页面中显示新闻,我使用异步方法,但当我转到另一个页面并返回主页时,新闻数据是空的。我应该把数据保存在商店里吗?或者有其他的解决方案? <template> <div> {{news.length}} <nuxt-link to="/about"> about </nuxt-link> </div> </template> <script> async a
浏览 34
提问于2020-08-05
得票数 1
回答已采纳
1
回答
nuxtjs :如何强制页面重新加载并调用asyncData()?
javascript
、
vue.js
、
nuxtjs
在我的NuxtJS SSR项目中,引导-vue作为前端: I有一些带有模板和默认组件的页面 组件中有asyncData(context)函数,在组件呈现和挂载之前进行一些处理。 一切正常,除了一件事外,我需要在某个间隔之后重新加载(或刷新)一个页面,然后再次调用asyncData。标准的js window.location.reload()不是很好的解决方案,因为它完全重新加载页面。我想要刷新vue样式,当只更改组件重发时。我试着打电话给$nuxt.refresh(),但没有任何效果 一些代码示例(从实际项目中删除),页面"index.vue“: <template>
浏览 2
提问于2021-01-22
得票数 1
1
回答
防止nuxt执行nuxt SSR webapp应用程序的客户端代码。
vue.js
、
vue-router
、
nuxt.js
我使用create-nuxt-app创建了一个SSR/渐进nuxt项目。 我有两个页面,每个页面向我管理的后端API发出一个HTTP请求。这个HTTP请求是从我的nuxt页面的async asyncData(ctx)方法执行的。 当我直接访问这些页面或重新加载这些页面时,这些HTTP请求可以正常工作。然而,当我单击<nuxt-link :to="/mypage" />或单击浏览器上的back按钮时: 在我的HTTP请求中突然添加了一个“原产地”报头。我想这是浏览器做的,因为我的HTTP请求是从我的客户端JavaScript发出的,而不是nuxt的节点服务器,对吗
浏览 0
提问于2019-08-08
得票数 1
1
回答
我从不同的客户端reuqest、nuxt / nodejs / vuex / aws获得了相同的存储数据
amazon-web-services
、
vue.js
、
vuex
、
nuxt.js
、
asyncdata
我尝试建立一个ssr项目。因此我在asyncData函数中使用store如下所示 async asyncData({ store, params, req }) { if(process.server){ store.dispatch(...) store.commit(...) return {...} } } 它在客户端开发环境中工作得很好,它为服务器端渲染的每个请求创建了新的axios客户端存储。但是一旦我把它放到实验室,一个建立在aws上的容器,它就连上了线。请求和会话是不同的,但它们共享相同的存储和axios实例。这会让我的数据变得一团糟。 lib:
浏览 19
提问于2020-08-12
得票数 0
1
回答
Nuxt.js返回未定义的自定义插件
vue.js
、
vuejs2
、
nuxt.js
我想为Nuxt.js中的本地数据库创建一个自定义插件,在完成代码之后,我在nuxt.config.js中注册了它,但是它没有工作。所以我尝试了文档上的示例代码,看看我做错了什么,问题是,示例代码也不起作用。以下是我注册的方式: plugins/hello.js export default ({ app }, inject) => { inject("hello", msg => console.log(`Hello ${msg}!`)); }; nuxt.config.js module.exports = { ssr: false,
浏览 1
提问于2021-08-27
得票数 2
回答已采纳
1
回答
部署到码头容器中的Nuxt.js
docker
、
axios
、
nuxt.js
、
nestjs
我在这里尝试了大约500万种不同的主题,并且花了大量的时间浏览Nuxt文档,而且当我将Nest后端部署到AWS中时,我无法获得带有Nest后端的Nuxt SSR。下面是我当前的设置。如果我遗漏了什么,请告诉我。 以下是我所犯的错误: 此路由在组件的asyncData方法中对页面元到https://www.noticeeverythingcreative.com/api/contact/meta发出POST请求。这从Axios产生了一个很大的旧错误。下面是我认为相关的部分,但是如果你需要更多的话,请告诉我。 { errno: 'ECONNREFUSED', code: &
浏览 6
提问于2020-02-03
得票数 0
1
回答
在AsynData Nuxt上运行Firebase
javascript
、
server
、
nuxt.js
我的问题是Nuxt上的asyncData方法上的firebase请求。当应用程序在客户端时,请求可以工作,但第一次加载不起作用。那么,在服务器上,我安装了什么吗? 这是我的代码: <script> import { db } from '~/plugins/firebase.js' export default { asyncData (context) { let listUsers = [] db.collection('users').get() .then(doc => {
浏览 8
提问于2019-03-13
得票数 0
回答已采纳
3
回答
如何在Nuxt (客户机上)中使用私有API密钥?
vue.js
、
nuxt.js
问题求解 如果您在同一个问题上苦苦挣扎,请查看已被接受的答案,这是通过使用serverMiddleware实现该问题的一种方法 我正在使用一个API,它需要一个私钥。我将密钥存储在一个.env文件中,并在nuxt配置文件中调用它,如下所示: privateRuntimeConfig: { secretKey: process.env.MY_SECRET_KEY }, 我的API调用是在我的索引页面的asyncData()钩子中完成的。当我加载这个页面或重新加载它时,它工作得很好,但是每次我使用导航回到这个页面时,都会出现一个错误(我使用一个缓冲区将我的API键转换为base6
浏览 1
提问于2021-10-19
得票数 1
回答已采纳
1
回答
在页间移动时,Nuxt Axios返回错误
javascript
、
api
、
vue.js
、
axios
、
nuxt.js
我正在构建一个nuxt应用程序,我正在使用axios。 在我的index.vue中,我有以下代码。 <template> <div> <Hero /> <Homebooks :details="details" /> </div> </template> <script> export default { // USING ASYNC AWAIT // async asyncData ({ // $axios, // error // })
浏览 2
提问于2020-09-10
得票数 0
1
回答
Nuxt:代理与异步数据对Reload页面
proxy
、
nuxt.js
、
asyncdata
我正在构建一个nuxt应用程序,并且我面临代理和异步数据的问题。 这是我的nuxt.config (简化) modules: [ '@nuxtjs/axios', '@nuxtjs/proxy' ], axios: { proxy: true }, proxy: { '/api': { target: 'http://www.example.com', pathRewrite: { '^/api': '/' } } } 这是我的asyncData代码片
浏览 2
提问于2020-01-20
得票数 1
回答已采纳
1
回答
触发nuxt链接初学者时的网络错误
vuejs2
、
nuxt.js
刷新相同页面后触发nuxt链接时的网络错误,其工作正常。 这是模板 <div class="col-lg-3" v-for="(video, index) in videos" :key="index"> <nuxt-link :to="/video/ + video.id"> <img :src="video.image" width="100%"> <div class="card">
浏览 0
提问于2019-02-26
得票数 1
回答已采纳
2
回答
在Nuxt.js静态模式下,动态API调用是如何工作的?
vue.js
、
http
、
nuxt.js
、
hosting
、
web-deployment
即使阅读了多篇文章,解释了静态呈现和SSR呈现之间的差异,我仍然不明白动态API调用在这些不同模式下是如何工作的。 我知道Nuxt有fetch和asyncData挂钩,它们在静态生成期间只调用一次,但是如果我在组件方法中使用动态HTTP请求(例如,当通过POST请求提交表单时)怎么办?这在静态站点中甚至有效吗? 我正在创建一个站点,显示用户在大多数页面上生成的内容,所以每次访问其中一个页面时,我都必须发出GET请求,以保持内容的最新更新。我能用静态站点来做吗?或者我必须使用SSR /其他什么的?我不想使用客户端呈现(SPA模式),因为它是缓慢和有害的SEO。那我最好的选择是什么?
浏览 8
提问于2021-08-18
得票数 8
回答已采纳
1
回答
Nuxtjs和Sanity $sanity.fetch()在asyncData中页面更改时返回null
nuxt.js
、
sanity
、
asyncdata
我正在使用NuxtJS与理智的CMS。 我已经设置了几个页面组件,其中每个页面组件都使用asyncData钩子从CMS获取数据以显示页面。 我的页面组件大部分看起来都是这样的,但是使用不同的groq查询: <script> import { groq } from '@nuxtjs/sanity'; export default { async asyncData({ $sanity }) { const query = groq` *[_type == "about"][0] `;
浏览 3
提问于2021-07-31
得票数 1
回答已采纳
3
回答
获取Nuxt.js组件中的异步数据
asynchronous
、
coffeescript
、
fetch
、
nuxt.js
代码片段用Pug和Coffeescript编写 我知道asyncData及其局限性,但是从Nuxt.js中的组件获取异步数据的最佳实践是什么? 我在我的页面上写了一些逻辑,但这显然是不能接受的,因为我有两张以上的卡片。 asyncData: -> axios.defaults.baseURL = 'https://api.github.com/repos/username' { data: repo1 } = await axios '/repo1' { data: repo4 } = await axios '/
浏览 0
提问于2019-02-11
得票数 1
1
回答
Nuxt图像在页面更改中不断中断。
javascript
、
laravel
、
vue.js
、
nuxt.js
我有图像显示在我的Nuxt页面,但每当我从它导航回来,图像中断,我不知道为什么。 我的代码里有这个 <img :src="baseUrl + 'storage/'+ front.featured_image" alt="post-title" /> 还有我的剧本 data: () => ({ frontpage: [], baseUrl: process.env.BASE_URL }), async asyncData({ $axios }) { const response = await $axios.get
浏览 5
提问于2022-04-08
得票数 1
回答已采纳
2
回答
Vue & Nuxt -在页面之间加载页面或动画
javascript
、
vue.js
、
nuxt.js
我正在用Vue & Nuxt制作一个有很多页面的网站。 我还有三页要处理。 page A:带有菜单的页面,通过单击,重定向到页面Bpage B:页面具有其他用途。包含异步函数(asyncData,axios),并且可以移动到一些子页面(B-1, C:用动画加载页面(不能是页面,可以只是动画)。 我想要做的是,当从页面A移动到页面B时,我想显示页面C(或加载动画),这样用户就可以感觉到他们正在移动到一个新的服务。 另外,希望显示页面C(或加载动画),直到页面B中的异步函数完成为止。 我可以用isLoading包装整个模板,所以当asyncData运行时,它会显示动画。 <
浏览 1
提问于2021-09-01
得票数 0
回答已采纳
1
回答
由NUXT生成的静态网页只有在动态路由时才会出现脚本错误
javascript
、
vue.js
、
nuxt.js
我正在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
2
回答
使用nuxt SSR时页面加载非常慢
firebase
、
nuxt.js
、
firebase-hosting
、
nuxtjs
我的项目使用nuxt.js和Firebase。我使用nuxt/Firebase包。我有很多使用asyncData或fetch从Firebase数据库和存储中获取数据的页面,例如博客帖子,分类广告等。所有的工作都很好,我使用nuxt head属性添加了元标签。但是,在显示任何内容之前,页面加载时间超过5秒。我尝试将我的一些页面包装在客户端标签中,这些页面与经过身份验证的用户相关,SEO不需要这些页面,但我没有看到任何改进。当我在生产环境中部署我的应用程序时,所有这些都会发生。我使用的是firebase主机。 有没有人知道如何才能SSR我知道的相同的内容,但增加页面加载时间。这是一份来自chrom
浏览 5
提问于2021-01-06
得票数 3
2
回答
如何配置在nuxt端口8080的本地主机上运行的API URL?
rest
、
api
、
vue.js
、
nuxt.js
我有下面的vue文件。我的REST基URL是。当我直接访问时,我会得到如下所示的响应。 ["gr_swy","SubWayX_DEMO"] 但是我想通过在上运行的nuxt获得响应。我试着看完所有的文章,但找不出我做错了什么。 <template> <div class="container"> {{docbases}} </div> </template> <script> import axios from "axios"; #import a
浏览 3
提问于2020-01-09
得票数 0
回答已采纳
1
回答
Nuxt.js中redirect()和req.writehead()的区别
redirect
、
nuxt.js
在Nuxt.js SSR中,redirect(301, url)和req.writehead(301, { Location: url })在async asyncData中使用时有什么不同?据我所知,当我在/pages/folder/_.vue中使用下面的代码时,我得到了与它们相同的结果。 export default { async asyncData({ redirect, req }) { redirect(301, url) // VS req.writehead(301, { location: url }) } }
浏览 188
提问于2021-10-17
得票数 1
回答已采纳
1
回答
Nuxt.js调用axios获取本地文件失败,错误为404。但是,调用外部URL然后更改为本地文件是可行的
vue.js
、
axios
、
nuxt.js
剥离到最小的vue文件,下面是我所拥有的。 <template> <div class="container"> <pre>{{html_data}}</pre> </div> </template> <script> const axios = require('axios'); let url="/test.txt"; export default { asyncData: async function() {
浏览 196
提问于2020-04-06
得票数 1
回答已采纳
1
回答
Nuxt网站未从服务器呈现应用程序
vuejs2
、
nuxt.js
、
meta-tags
我正试图在我的nuxt网站上实现SSR,但是看起来静态页面并没有从服务器端呈现出来。路由是正确生成的,动态元信息不会显示在页面源代码上,但在我检查元素时可以看到。 我的nuxt.config.js文件: import colors from 'vuetify/es5/util/colors' import axios from 'axios' require('dotenv').config() export default { target: 'static', /* ** Headers of the pag
浏览 31
提问于2021-01-31
得票数 0
2
回答
Nuxt JS SSR标题未定义
javascript
、
vue.js
、
vuejs2
、
nuxt.js
我正在使用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
1
回答
Nuxt无法访问页面组件中的head函数
nuxt.js
、
head
<template> <nuxt /> </template> <script> import axios from "axios" export default { name: "index", layout: "EwArticle", head() { return { title: this.title } }, async asyncData({ params }){ r
浏览 7
提问于2021-06-17
得票数 0
2
回答
无SSR的Vuestorefront asyncData未触发
vue.js
、
webpack
、
nuxt.js
、
webpack-dev-server
、
vue-storefront
我对Vuestorefront的重建有很坏的解释,因为代码的每次更改都需要大约25秒的时间。所以我决定关闭SSR (用于开发),现在大约需要3-4秒!...but,现在VueJ的生命周期出现了问题。 我使用的 官方Vuestorefront: 店面安装有:纱线,演示API,SSR端点和默认主题。一切都很完美,但发展缓慢。 优化Webpack配置: 下面是自述的教程--一切都很好,代码中的每一个更改都是在4秒内构建的。成功建立自动刷新网站热重加载。 有什么问题? 我不能直接打开任何链接(链接到产品、类别等)并且不能刷新/重新加载任何页面 我发现在这些情况下是
浏览 1
提问于2021-03-04
得票数 0
回答已采纳
2
回答
Nuxt + Axios作为插件请求失败404
vue.js
、
axios
、
nuxt.js
所以我已经开始尝试nuxt了,现在我需要axios,但是我不能使用。 这是文件 nuxt.config.js module.exports = { generate: { routes: ['/'] }, head: { meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description
浏览 2
提问于2017-10-19
得票数 5
2
回答
在nuxt.js中,如何访问asyncData()中的段塞值?
vue.js
、
nuxt.js
在使用动态url创建nuxt.js内容时,我需要传递asyncData调用的段塞值,如何访问asyncData()中的段塞值 export default { async asyncData({ app }) { const user = await app.$axios.$get(params.id); return { user }; } }; 网址:
浏览 1
提问于2020-01-22
得票数 0
回答已采纳
1
回答
将方法vuejs更改为nuxtjs
javascript
、
vue.js
、
nuxt.js
我想改变这个方法。我有一个vue.js代码: computed: { ...mapGetters('user/auth', ['Id']), }, async mounted() { await this.doFetchCustomer(this.Id) }, methods: { async doFetchCustomer(Id) { const app = { $axios: this.$axios } const datas = (await customerApi.getData(app, Id)) || [] co
浏览 2
提问于2021-07-12
得票数 0
回答已采纳
1
回答
在单个路由/页面上多次调用服务器的Nuxt/ Vue错误?
node.js
、
express
、
vue.js
、
nuxt.js
为什么Nuxt在单个路由/页面上多次为so 调用服务器? 下面是我从他们的中测试的例子 import express from 'express' import { Nuxt, Builder } from 'nuxt' import api from './api' const app = express() const host = process.env.HOST || '127.0.0.1' const port = process.env.PORT || 3000 app.set('port', p
浏览 0
提问于2017-08-31
得票数 1
回答已采纳
1
回答
Laravel Passport客户端凭据授予Nuxt令牌
api
、
nuxt.js
、
token
、
laravel-passport
我有一个Laravel和Passport,我把客户证书格兰特令牌和一切正常工作从Laravel方面,现在我无法找到最好的方式消费Api从Nuxt SSR。 我已经在我的Nuxt页面和组件中实现了API,但是,现在我不知道如何管理令牌,我已经使用了nuxtServerInit并获得了令牌,但是,我不能将setToken放在Axios插件中,我使用存储,但是在Axios插件中是空的,然后我使用cookie,第一次设置令牌,但是当令牌到期时,我得到401状态,现在,我不知道如何在没有刷新页面的情况下刷新令牌,并在任何axios请求和刷新请求中验证。我尝试了axios拦截器,但不起作用。 我试图使用@
浏览 6
提问于2021-02-22
得票数 1
1
回答
Nuxt中间件未看到SSR上的更新存储
plugins
、
server-side-rendering
、
nuxt.js
身份验证工作正常,除了在第一个页面加载时,即SSR。当我检查我的console.log时,我发现来自中间件的console.log总是在SSR级别执行的,即使我在我的配置中添加了ssr:false。 我做的是这样的: 在nuxt.config.ts中,我添加了 { src: '~/plugins/authenticated.js', mode: 'client' } 这段代码成功执行了,我可以通过检查我的开发人员控制台的"vue插件“来看到这一点。 在我的“组件/页面”中,我添加了一个中间件: export default {
浏览 12
提问于2019-06-26
得票数 0
回答已采纳
1
回答
新组件的Nuxt热重新加载不起作用
vue.js
、
vuejs2
、
nodemon
、
nuxt.js
Nuxt热重新加载对旧组件有某种效果,但我今天创建的任何新组件似乎都不会被应用程序监视,也不会重新加载。每次我都必须重新启动应用程序,才能看到应用于这些新文件的更改。 我使用的机器是MacOs最新的Mojave系统。我意识到人们可能会要求package.json文件,所以这里就是这个文件 { "name": "theta", "version": "1.0.0", "description": "My fabulous Nuxt.js project", "private&
浏览 143
提问于2019-06-17
得票数 1
回答已采纳
3
回答
如何在$axios中设置全局NuxtJS头
vue.js
、
axios
、
nuxt.js
我已经试了两天了。我是Nuxt的一个全新用户(虽然我已经使用Vue几年了),所以我只是想了解一下这一切是如何工作的。 在我的Nuxt项目中,我安装了Axios模块: nuxt.config.js export default { plugins: [ ... '~/plugins/axios', ], axios: { baseURL: 'https://my-url.com/wp-json/wp-v2', https: true, }, } plugins/axos.js export default ({ $a
浏览 3
提问于2020-05-25
得票数 13
回答已采纳
1
回答
Nuxt - Axios请求服务器端没有发送引用程序
node.js
、
vue.js
、
axios
、
nuxt.js
这个故事 我的后端应用程序为我的网站页面提供SEO信息。其中一个信息是OpenGraph元标记,如og:type和og:url。og:url值由API通过header报头给出。 我现在在做什么 我正在使用Axios模块来提出请求。通过我的页面中的asyncData函数,我可以得到req变量,它是headers.referer属性,这正是我想要的,如下所示: // page.vue async asyncData({ app, req }) { app.$axios.setHeader('Referer', req.headers.referer); } 问题所在 如果我在索
浏览 2
提问于2019-01-15
得票数 1
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Vue SSR在好大夫的落地
nuxt 原创系列之asyncData浅析
NuxtJs框架-安装与介绍
Node.js 在微医的应用场景及实践
快速部署 Next.js 博客到 Serverless SSR
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券