Vue built a product to upload to the server - vue.js

I'm building a web page for an event using bootstrap-vue (I started the projet with vue init bootstrap-vue/webpack my-project). I've used vue-build prod to compose and uploaded the whole folder to my server using filezilla. The problem is that the website is not fine, just a part of it is sawn.

Can you formulate the question differently? Its hard to find out what it is exactly you mean with
The problem is that the website is not fine, just a part of it is
sawn.
What does the console in your browser tell you? Vue has alot of debugging tools built in, so maybe you can post the console output, then we can tell a bit more..

Related

Can react-admin be deployed as a static site?

I wish to deploy a react-admin application as a static site - running without a server component. This data browsing app would use the ra-data-fakerest on a read-only slug of JSON.
Examples of deploying this would be to a GitHub Pages site, or a dumb memory stick.
Since react-admin is written in React/Typescript it must get trans-piled before running, presumably into a build folder. So, am I right in thinking I could just deploy the build folder?
(also grateful for any lessons-learned on this subject).
Yes, you absolutely can. The react-admin demo (https://marmelab.com/react-admin-demo/) is indeed a static site. What is deployed is just the built version of https://github.com/marmelab/react-admin/tree/master/examples/demo.
The react-admin codesandbox is another example of that: https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/simple

Is there a difference in page paths when on localhost verses deployed?

My app is created in next.js and works great in localhost. When I deployed it in heroku, only the front page shows up and all page paths do not work even though they are correctly inputted in the browser. The only page that is connected to the index.js file in my page paths is the front page. Do the other pages need to also be connected to the indec.js file? I am terribly lost with this issue since the site works perfectly in localhost. In heroku every page path besides / has a 404 error. I didn't add any code to this question since no one file seems relevant to the issue. I've been searching all over for an answer to this issue but can't seem to find any relevant information online since the app is deployed successfully it just won't render any file paths besides /.
Thank you in advance for any help you can offer. I really appreciate it!
Applications are ran differently on localhost and when deployed to the server. Since you added react tag on the post, I assume you are trying to deploy react native app on Heroku, there is lots of information on internet how to do it.
For example this post.
Anyway first you need to build your app correctly, so static files would be generated (you didn't mentioned how you are running that app).
To your question:
Relative paths are the same on both local and server, but absolute paths will be different.
But for your 404 error I see that no static content are found on the root path.

How to use Express server back end with Nuxt JS

I just started working with Nuxt JS, and I'm trying to pass a request from the client to my Express server, but Nuxt treats the routes like they were suppose to be pages.
Hence I get the errors page not found in pages folder. Help please.
I've gotten into using an express backend with nuxt and it's a great way to go about it. As there is quite a lot steps to take and files to set up it's perhaps beyond the scope of a single answer here to cover what's needed. I'd recommend you start with this tutorial on codeburst which covers all the steps you need and can be expanded upon easily once you understand it. Good luck.

creating NWJS desktop app with source code protection and use of node.js routes

I am posting this question in the lack of tutorials available for nwjs app development. Also, documentation in not much of a help. There are a few YouTube tutorials but they are 4-5 year old. Since then Node-webkit has changed into nwjs and now available in two different flavors. None of those tutorials are helping because they are based on old node-webkit and none of them answers any of my questions below. -
Let me break the title question into parts -
Which version should I used for making nwjs based desktop app? Regular or SDK?
How to make nwjs desktop app?
What would be the app/folder structure?
How to use node module with nwjs?
How to make use of route in nwjs app? Or do I need route at all?
Question 1. Which version should I should of nwjs? Whatever I have read online, found that nwjs sdk is best bet because it allows to debug the app during development, which fairly answers my this question.
Question 2. How to make nwjs desktop app? I found another SOF post where one example has been given in an answer to create basic app - Here Though, example is pretty straight forward but I still have few confusion which I need clarification so I am gonna ask them in the next question below.
Question 3. What would be the ideal folder structure for nwjs app? I have this folder structure right now in my nodejs app.
**Main App
|__app/
|__backend/
|__bigtable/
|__pubsub/
|__config/
|__client.json
|__models/
|__database-models.js
|__node_modules/
|__public/
|__css
|__js
|__img
|__libs
|__routes/
|__auth-routes.js
|__app-routes.js
|__api-routes.js
|__views/
|__index.ejs
|__login.ejs
|__*.env
|__package.json
|__package-lock.json
|__server.js
I don't know if can take this exact folder structure into nwjs, if yes? then How? if no, then how can I restructure my app for nwjs. What are the parts of the code that I need to restructure or redistribute or reintegrate in the app? As shown in the example in the above link server.js has been attached in the html file, why? What I have learned from developing nodejs app is that you need to run server.js and go to the localhost:port# in browser. This all had made me confused to develop nwjs app. Basically require doesn't work in browser but it does in nwjs
Question 4. How to use nodejs module in nwjs app? I know that nwjs creates its own local server and runs the app. You don't need to make express server or http server separately which runs on by default 8080 port. In the examples provided in the above link, uses express server which runs on 3000 port. Why do you need to create express server? Why can't we use default server which runs on 8080? Do I really need to use express module to use other nodejs modules (non-inbuilt modules)?
Question 5. Making use of routes in nwjs app?
case 1 Let say if we can use default server then how can I utilize that to create routes to make front end interact with modules.
case 2 Let say if we need express and we are attaching server.js into html file then do we need routes?
Extra I have also read that we can directly call node_modules from html then do we need express? do we need routes then? How can we secure code in nwjs? How can I package nwjs app for distribution with source code protection?

Easiest Way To Move a Single Page DotNetNuke Page From Dev to Live?

We have a DotNetNuke installation that we have on a dev environment and we are setting it up on our live server now. Everything looks great and is working just fine that regard. We were wondering if it was possible that once a page has been updated or created on our dev server and we're happy with it, is there a simple and easy way to push that page to the live server?
Dev has it's own database.
Live has a different database to itself.
We have seen some programs like SQL Sync but we do not want to push all pages from dev to live because there might still be some pages being worked on when another one finishes so we must have a way to push individual pages instead of everything.
Thank you so much for any help!
you can use Exporting And Importing feature in dotnetnuke it allows you to export a single page or whole web site you can follow this links for helo
Page import export
Great article to look for