Question

我构建VueJs应用并将所有静态文件复制到django静态文件夹中，并将vuejs index.html复制到django模板文件夹中但是当刷新页面时它会引发404 这是我的index.html

<!DOCTYPE html>
<html>
<head>

    <meta charset=utf-8>
    <title>FMS</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name=viewport>
    <link rel=stylesheet href=https://use.fontawesome.com/releases/v5.8.1/css/all.css
          integrity=sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf crossorigin=anonymous>
    <link href=https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css rel=stylesheet>
    <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css>
    <link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
          integrity=sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u crossorigin=anonymous>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons"
              rel=stylesheet>
        <link href="{% static "/css/app.6c7cbd2b6c8e41a0245180734aee4192.css" %}" rel=stylesheet>
    </head>
</head>
<script src=/socket.io/socket.io.js></script>
<body class="skin-blue sidebar-mini">
<div id=app></div>
<script>if (window.navigator.userAgent.indexOf("Edge") > -1) {
    window.fetch = undefined;
}</script>
<script type=text/javascript src=./src/main.js></script>
<script src=https://code.jquery.com/jquery-3.3.1.slim.min.js
        integrity=sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo
        crossorigin=anonymous></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js
        integrity=sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1
        crossorigin=anonymous></script>
<script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
        integrity=sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa
        crossorigin=anonymous></script>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.2/socket.io.js></script>
<script type=text/javascript src="{% static "/js/manifest.e9739da6f5c27d585419.js" %}"></script>
<script type=text/javascript src="{% static "/js/vendor.7deff2a26292e503ec19.js" %}"></script>
<script type=text/javascript src="{% static "/js/app.bc1afe162faeb2a6bfa3.js" %}"></script>
</body>
</html>

VueJs页面使用Django刷新404

0 个答案: