Giter VIP home page Giter VIP logo

Comments (5)

joeldenning avatar joeldenning commented on September 15, 2024

Hi @pank789. What do your <router-link>'s look like? Here's an example of what they should be like: https://github.com/vue-microfrontends/navbar/blob/327720d2b06fe8138930951fd97a2fb7d88fdc8b/src/App.vue#L25. Note that the to attribute should start with /. If you're omitting the leading slash, that could explain the problem.

Otherwise, I'm not sure what it could be. Checking the base url was a good thing to do - make sure it is correct in both the router/index.js file and the index.html file

from root-config.

pank789 avatar pank789 commented on September 15, 2024

hi @joeldenning,

Thank You for guidance.

I was able to manage the deployment in IIS along with my colleague.

Can i update the process in the single-spa vue page about the deployment in IIS?

Also can you point me any live application which is using vue in single-spa users list. I was trying to understand if the systemjs is must for loading the component and will be seen in developer tools in live apps as well. But when i tried few of them i didnt see them so wanted to ensure that the approach that is mentioned to use in the single-spa for vue can be used for production and large site development.

from root-config.

joeldenning avatar joeldenning commented on September 15, 2024

I was able to manage the deployment in IIS along with my colleague.

Glad to hear it!

Can i update the process in the single-spa vue page about the deployment in IIS?

Yes, documentation about IIS would be great, although I don't think the single-spa-vue documentation is the right place. Instead, perhaps https://github.com/single-spa/import-map-deployer/tree/master/examples/ci-for-javascript-repo is better? Especially if you are using the import-map-deployer.

Also can you point me any live application which is using vue in single-spa users list. I was trying to understand if the systemjs is must for loading the component and will be seen in developer tools in live apps as well. But when i tried few of them i didnt see them so wanted to ensure that the approach that is mentioned to use in the single-spa for vue can be used for production and large site development.

@EvanBurbidge successfully launched single-spa + vue at a large organization in Europe. I'll ask him to comment here and give you a chance to talk if you'd like. On the single-spa slack workspace, his handle is @evanb54

I'm closing this issue since it appears to be resolved - however, feel free to comment further or reopen.

from root-config.

EvanBurbidge avatar EvanBurbidge commented on September 15, 2024

Hi @pank789 if you're using router links or the Link component in react you need to make sure you've got a /my-apps-url in the to field. The router-view etc for VueJS will only work for child routes or routes defined in that specific micro frontend. When it compiles both router-link and Link compile to an or similar enough can't remember exactly off the top of my head but means you can route between applications quite easily :)

from root-config.

pank789 avatar pank789 commented on September 15, 2024

@EvanBurbidge can you let me the vuejs site which you developed uses same setup ( systemjs based) and can share the web url for reference.
My query is if the same setup can be use for large production project..?

from root-config.

Related Issues (8)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.