No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    [SOLVED] Deploy Quasar in Netlify / Broken links when refreshing

    Help
    3
    8
    723
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      Lou Rectoret last edited by Lou Rectoret

      Hi! I’ve been trying to deploy my app in Netlify.

      PROBLEM:
       I managed to run the app in SPA mode, but links are not working: error 404
      
      QUESTIONS about deployment in NETLIFY:
      - How can I make the links work in SPA???
      
      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @Lou Rectoret last edited by

        @Lou-Rectoret

        https://dev.to/mrbrowny/deploying-vue-quasar-app-on-netlify-3f4m

        L 1 Reply Last reply Reply Quote -1
        • L
          Lou Rectoret @dobbel last edited by

          @dobbel your answer is not solving my issue: Broken links.

          beets 1 Reply Last reply Reply Quote 0
          • beets
            beets @Lou Rectoret last edited by

            @Lou-Rectoret I haven’t deployed to netlify before, but as I understand it, they’re basically a CDN, so you cannot run SSR mode. However to fix your SPA problem, try this: https://docs.netlify.com/routing/redirects/rewrites-proxies/#history-pushstate-and-single-page-apps

            1 Reply Last reply Reply Quote 0
            • L
              Lou Rectoret last edited by Lou Rectoret

              Hey @beets I just tried but it’s not working:

              /info               http://www.masiesxviure.cat/info
              /info#objectius     http://www.masiesxviure.cat/info#objectius
              /info#com-funciona  /info#com-funciona
              
              

              I’m lost. I don’t know what is missing 😞

              beets 1 Reply Last reply Reply Quote 0
              • beets
                beets @Lou Rectoret last edited by beets

                @Lou-Rectoret I think you just want:

                /*    /index.html   200
                

                Edit: and no other rules

                1 Reply Last reply Reply Quote 0
                • L
                  Lou Rectoret last edited by

                  This post is deleted!
                  1 Reply Last reply Reply Quote 0
                  • L
                    Lou Rectoret last edited by

                    I just found the solution!!!

                    /*    /  200
                    
                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post