nuxt.js

GitHub Actions workflow error: Run Command Timeout! Even if the script did well

梦想与她 提交于 2021-02-09 01:41:57
问题 I want to deploy my Nuxt.js application on my remote server each time I commit into repository. Here is my deploy.yml: name: 'Deployment' on: push: branches: ['master'] jobs: deploy: name: Deploy runs-on: ubuntu-latest steps: - name: Connect to SSH uses: appleboy/ssh-action@master with: host: webhostgb.com username: root key: ${{ secrets.PRIVATE_KEY }} port: 22 script: | cd whgb-new git pull origin master npm run build fuser -kn tcp 3000 pm2 restart deploy.sh Basically deploy.sh runs npm

What's the real difference between target: 'static' and target: 'server' in Nuxt 2.14 universal mode?

元气小坏坏 提交于 2021-02-08 14:00:08
问题 in the latest version of Nuxt (2.14) they introduced an optimization for building the app when no code is changed (for drastically improve build times). I make websites in jamstack, deploy on netlify with nuxt generate and, until now, with target: 'server' . I tried the new target: 'static' in order to take advantage of this new feature, but my code won't build as it seems that in this mode the app can't access to this.$route in order to generate dynamic pages. So, my question is: how is this

Nuxt.js error: The client-side rendered virtual DOM tree is not matching server-rendered content

邮差的信 提交于 2021-02-08 11:41:21
问题 How can I fix this error in Nuxt? A tip would be appreciated, I've been trying to get this to work for a few hours. [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render. (repeated 9 times) value @ vendors.app.js:12923 value @ vendors.app.js:12923 value @ vendors.app.js:12923

Send mail with Nuxt trough Sendgrid

帅比萌擦擦* 提交于 2021-02-08 08:49:12
问题 I have a simple vuetify contact form and I want to send this forms by email. I have tried to use a method to send the email, but it does not work, because its on client side. So I get CORS issues. Here's my code: async send() { if (this.$refs.form.validate()) { try { const sgMail = require("@sendgrid/mail"); sgMail.setApiKey(process.env.SENDGRID_API_KEY); const msg = { to: "test@example.com", from: "me@mydomain.com", subject: "Sending with SendGrid is Fun", text: "and easy to do anywhere,

Laravel + Nuxt + Nginx: WebSocket is closed before the connection is established

江枫思渺然 提交于 2021-02-08 06:38:48
问题 General scheme and project configuration files The project consists of two parts: Server part - Laravel (api) Customer part - NuxtJs (client) A minimum project configuration has been prepared for the test: Laravel Websockets packages have been installed: beyondcode/laravel-websockets: https://beyondco.de/docs/laravel-websockets/getting-started/introduction pusher/pusher-php-server: https://pusher.com/tutorials/web-notifications-laravel-pusher-channels File composer.json : ... "require": {

Apollo+GraphQL - Heuristic Fragment Manual Matching

痞子三分冷 提交于 2021-02-08 06:25:16
问题 I have a headless Craft CMS that is returning data to my Nuxtjs app through a GraphQL endpoint through Apollo. I have a field that can return one of three different block types: richText , image , and pullQuote . My GraphQL endpoint looks like this: query($section:[String], $slug:[String]) { entries(section: $section, slug: $slug) { id, title, uri, ... on blog_blog_Entry{ contentEngine{ __typename, ...on contentEngine_richText_BlockType{ __typename, id, richText fontColor, backgroundColor } .

How Can I use error function in Nuxt Plugin?

狂风中的少年 提交于 2021-02-08 06:19:38
问题 I'm using Nuxt and axios-module. I trying to global error handling by axios global interceptor. How Can I use error function in Nuxt Plugin? // ~/plugins/axios.js export default function ({ $axios, store, redirect, error }) { $axios .onError(apiError => { error({statusCode: '403', message: 'test'}) // It's not work. redirect('http://google.com') // It's work. }) } redirect is working. but error not work. just display server error page. 回答1: Your plugin function should return a promise and

How to deploy nuxt(nuxt.js) in azure(web app)? (not found module)

拜拜、爱过 提交于 2021-02-08 04:15:55
问题 Hello? Leave a question. I am currently trying to deploy nuxt using a resource called web app in azure. I configured HOST 0.0.0.0 in the created web app resource. The result of the git action was successful. If you connect with the URL and check the log stream, an error is displayed. 2020-11-26T10:10:58.211257088Z: [INFO] _____ 2020-11-26T10:10:58.211294589Z: [INFO] / _ \ __________ _________ ____ 2020-11-26T10:10:58.211335890Z: [INFO] / /_\ \___ / | \_ __ \_/ __ \ 2020-11-26T10:10:58

How to deploy nuxt(nuxt.js) in azure(web app)? (not found module)

自古美人都是妖i 提交于 2021-02-08 04:15:19
问题 Hello? Leave a question. I am currently trying to deploy nuxt using a resource called web app in azure. I configured HOST 0.0.0.0 in the created web app resource. The result of the git action was successful. If you connect with the URL and check the log stream, an error is displayed. 2020-11-26T10:10:58.211257088Z: [INFO] _____ 2020-11-26T10:10:58.211294589Z: [INFO] / _ \ __________ _________ ____ 2020-11-26T10:10:58.211335890Z: [INFO] / /_\ \___ / | \_ __ \_/ __ \ 2020-11-26T10:10:58

How to deploy nuxt(nuxt.js) in azure(web app)? (not found module)

删除回忆录丶 提交于 2021-02-08 04:12:32
问题 Hello? Leave a question. I am currently trying to deploy nuxt using a resource called web app in azure. I configured HOST 0.0.0.0 in the created web app resource. The result of the git action was successful. If you connect with the URL and check the log stream, an error is displayed. 2020-11-26T10:10:58.211257088Z: [INFO] _____ 2020-11-26T10:10:58.211294589Z: [INFO] / _ \ __________ _________ ____ 2020-11-26T10:10:58.211335890Z: [INFO] / /_\ \___ / | \_ __ \_/ __ \ 2020-11-26T10:10:58