We have a CMS where we are trying to provide the support of VueJS framework to our client websites. The views and their logic will be coded from the CMS Panel itself. The problem comes when trying to render the website having the support for both SPA and SSR due to SEO.
When client requests for a page, the SSR should work during that time but once the page is rendered, the SPA should take the control and let the user navigate(vue-router) wihtout page reload as it works in Vue SPA.
I checked on with this question and it won't help due to my unique requirement. There are no static bundles available for my case.
Any help will be appreciated!
I have tried many examples to achive this however they aren't exactly helping for my case.
https://github.com/0x00000001A/vuejs-spa-ssr-vuex
https://github.com/shenron/vue3-example-ssr
You may need nuxtjs. It can help you spa+ssr on vue
I wanted to do some tracking on the post purchase page. GTM is installed in checkout.liquid and I've added it on the post purchase page via Settings. But the problem is that I'm getting DOMException: Blocked a frame ... from accessing a cross-origin frame.
From what I understand, post purchase scripts (under Settings) run on sandbox and maybe that's what is causing the issue.
How to properly install gtm in Shopify post purchase page?
I am migrating existing project with Spartacus. When I load Home page its look fine. but PDP page is not look correct. I see some console log in browser.
I have attached screen for reference.
Can someone please help
I have to integrate a VueJS app in Odoo. I don't exactly know how I can achieve that?
I found this https://www.odooinvue.org/ (not my app, but an example app) . Still no idea on how can I implement odoo in Vue. Login gives me a Failed to Login error message in this example app.
Any idea how to implement odoo in vue??
Actually, odooinvue works fine. Read carefully the instructions, in development it shows how to start a traefik docker container in order to serve both odoo and Vue.js.
Note: If I am not wrong, the purpose is to use odooinvue as a pure frontend, so it's not really an integration, basically you build vuejs (quasar, specifically) apps with odoo used as a pure backend.
See also this answer, by odooinvue's author
I am the author of that project. Its really impossible to answer you without knowing what steps you have taken to setup the project, but for that error, make sure of the following:
The Odoo server is up and running in the backend and you can login.
When you login with the front-end Vue app, you are using credentials that you know are working.
If that fails, open the dev console of your browser and check the network log. Make sure that the authentication request is returning status code 200.
I know others that are using the project just fine without any issue, so I am going to assume that you need some technical help. Perhaps hire a software developer to assist you.
So there is this Payment provider called World Pay, that enables applications to collect payment information via their own provided template form (https://beta.developer.worldpay.com/docs/wpop/template-form).
A working implementation of this for Angular can be found here:
How to integrate worldpay with angular2
Using this code I’ve managed to get it working for Android (and on the browser), but not on iOS. More specifically on the iOs builds the template form does not load, I just get a blank page.
The error I get in the iOS logs is:
ERROR Internal navigation rejected - <allow-navigation> not set for url='about:blank'
I have added:
<allow-navigation href="https://cdn.worldpay.com/*" />
into the config.xml and it has made no difference.
There is a lot of advise online to not use iframes on Ionic apps and to use the in cordova app browser instead, however I am not sure how to open the a browser page when all I have is the address of a script (https://cdn.worldpay.com/v1/worldpay.js).
Any help would be greatly appreciated.