Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Kevin C. Halpin 27 posts 108 karma points
    Mar 11, 2018 @ 20:46
    Kevin C. Halpin
    0

    Integrate Vue.js with UmbracoCms in one project

    I would like to use Vue.js for the front-end and ASP.NET and Umbraco API controllers for the back-end. My question is just how to start to set the foundations of the project? Which packages to install first? Step by step would be very helpful. Thanks

  • Anders Bjerner 487 posts 2996 karma points MVP 8x admin c-trib
    Mar 11, 2018 @ 21:00
    Anders Bjerner
    2

    Hi Kevin,

    Umbraco templates give you a clean slate, so you're free to choose your desired JS framework. As a result of this, there is no Umbraco-specific way to include Vue.js - or any other JS framework for that matter.

    You could load Vue.js simply by adding the following line to your (master) view:

    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    

    And then use a package like Axios to communicate with your API controllers:

    https://github.com/axios/axios

    Creating API controllers doesn't require any additional packages in Umbraco, so you should be good to go with your own code ;)

  • Connie DeCinko 95 posts 248 karma points
    Mar 01, 2019 @ 18:51
    Connie DeCinko
    0

    Are you aware of how to handle cross domain issues? Say my umbraco site is on a different domain or sub domain than my APIs?

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies