Comments (5)
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.
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.
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.
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.
@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)
- If gzip setting turn on, the loading will be faster. HOT 1
- Is that dynamic inject DOM problems?? HOT 1
- how to control import-map cache? HOT 3
- Incorrect screenshot In root MFE, about mapping
- 【utility】How to use utility correctly
- Can you add a react subproject case? HOT 1
- failed when directly call appX/:named HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from root-config.