Vue-SSR | webpack5.0尝鲜 集成 SSRVueKoavue-routervuex | Server Side Rendering library

It happens when add in .vue file.

I have created a Vue SSR application and all instructions/wikis/blogs I have read only tell you how to run the application in a development environment. They do not tell you how to run the application in a production environment.

I have previously written the same app in React SSR application. In that app the build produces a "dist" folder containing the bundle "server_bundle.js". This bundle contains the Express server (server.js) AND the React code. I can run the application from within the "dist" folder using

I'm trying to get server side rendering to work in VueJS.

I've been following the official docs, and I'm attempting to get this example to work using axios. The endpoint is correct and the data does show up in the mutation.

https://ssr.vuejs.org/guide/data.html

I also found this page and tried most of these examples, which includes using getters, vuex mapState, mapGetter, etc:

vue.js 2 how to watch store values from vuex

Here is store/index.js:

This might be a newbie question so please excuse.

I am trying to pass data between components using EventBus but i am unable to do so. If I declare the EventBus as export default EventBus =new Vue();, i get a Cannot find module '../ui/EventBus.js' error If however I declare the EventBus as export const EventBus =new Vue();, i get a Error: render function or template not defined in component: MainNavBar' error

What am I missing?

ui\EventBus.js

I have stage in Travis config that launch npm run build where the build is a script converting ts -> js. Locally, it returns two errors that doesn't matter anything, I can run a server anyway. But, these errors stop Travis moving on and fails.

For some reason, when I push my project on heroku, bootstrap css in included in the head like so

I want is to stop displaying build logs like this:

I'm trying to understand the usage and limitations of server side rendering with vuejs when using aspnet core.

I used this starter kit for aspnet core and vuejs to setup a simple vue site, which is running based on the code here: https://github.com/selaromdotnet/aspnet-vue-ssr-test/tree/master

I then modified the project to update the aspnet-prerendering and added vue-server-renderer, compiling a hodgepodge of sources to cobble together this update: https://github.com/selaromdotnet/aspnet-vue-ssr-test/tree/ssr

If I run this project, the site appears to load fine, and if I turn off the javascript in the browser, I can see that it does appear that the server-side rendering executed and populated the html result:

however, because JavaScript is disabled, the content isn't moved into the dom as it looks like it is trying to...

My understanding of server-side rendering is that it would populate the html entirely and serve a completed page to the user, so that even if JS was disabled, they'd at least be able to see the page (specifically for SEO purposes). Am I incorrect?

Now I believe modern search engines will execute simple scripts like this to get the content, but I still don't want a blank page rendered if js is disabled...

Is this a limitation of server-side rendering, or perhaps specifically ssr with vue and/or aspnet core?

or am I just missing a step somewhere?

Edit: more information

I looked at the source code for what I believe is the method that prerenders the section here: https://github.com/aspnet/JavaScriptServices/blob/dev/src/Microsoft.AspNetCore.SpaServices/Prerendering/PrerenderTagHelper.cs

The line

I just started using Nuxt for server side rendering. It seems like a great framework. But I don't like about it is it generates lots of ugly html markups, js links, and the css is basically being dumped into the html directly. Also, you see lots of data-s. It seems that you have no control of them at all (that worries me!). For example: