How does django's TemplateView pass parameters to vue's index.html?

django+vue is used as the back-end and front-end. I want to pass some back-end configuration to the front-end page when rendering the home page:

class HomePageView(TemplateView):
    template_name="index.html"
 
    def get_context_data(self, **kwargs):
        context = super(HomePageView, self).get_context_data(**kwargs)
        context["arg1"] = "12345"
        context["arg2"] = "67890"
        return context


urlpatterns = [
    url(r"^admin/", admin.site.urls),
    url(r"^$", HomePageView.as_view()),
]

but the index.html from the front-end vue build is very simple. How can the js in the vue access the context parameters given to it by the backend?


        <body>
            <div id=app>{{ arg1 }}</div>
            <script type=text/javascript src=/static/js/manifest.ab01a7ddcd228431bc0f.js></script>

            <script type=text/javascript src=/static/js/vendor.4be9c4044c880f3a85ed.js></script>
            <script type=text/javascript src=/static/js/app.11129f6d90cce37c7348.js></script>

        </body>

Django vue.js

Aug.24,2021

django and vue are usually used for development with complete front-and back-end separation, and front-and back-end html files with complete front-and back-end separation are not shared. It should be by accessing the front-end route, and then calling the back-end API on the page, and the back-end API only returns json. Seeing that the front and rear ends of your writing are mixed together (I did the same a long time ago, not very good), it should still be the back-end route for access, so there will be conflicts between the template syntax of vue and django, both {{}}, and there should be a solution on the Internet.

Previous: Vue cli configuration proxytable failure

Next: Node' is not an internal or external command, nor is it a runnable program or batch file.

Django backend redirect a page and pass parameters at the same time. How can the foreground page get these parameters?
the foreground is index.html of vue ...

Javascript django vue.js

Mar.12,2021
Vue integration into django, template path setting problem.
I point the template of the django setting file directly to the index file of vue-cli. Then after running django, I found that index was blank. but after npm run build, point the template of setting to the packaged index and display it. is there any ...

Django vue.js

Apr.07,2021
Django Integration vue appears "Uncaught SyntaxError: Unexpected token <"
problem description when trying to integrate vue with django, django was able to find the relevant static file, but reported an error "Uncaught SyntaxError: Unexpected token ...

Django vue.js python

Oct.19,2021

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea9495-5cd5f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea9495-5cd5f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?