VueJS 無法在 MacOS（Safari 和 Chrome）上呈現

Question

我有一個奇怪的問題。 我的VueJS應用程序（來自 CDN）使用Vuetify 。

它適用於 Ubuntu 和 Windows，但我的客戶在他的 Safari 和 iPad 上的 Chrome 上看到了原始 VueJS 代碼。 你知道問題出在哪里嗎？

簡化后的代碼如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.20.0/axios.js"
            integrity="sha512-nqIFZC8560+CqHgXKez61MI0f9XSTKLkm0zFVm/99Wt0jSTZ7yeeYwbzyl0SGn/s8Mulbdw+ScCG41hmO2+FKw=="
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>

</head>
<body>
<div id="app">
    <v-app>
        <v-main>
            <v-container fluid>
             ....

            </v-container>
        </v-main>
    </v-app>

</div>
<script>
    class RepairsCalculator {
        ...
    }

    axios.defaults.xsrfCookieName = 'csrftoken'
    axios.defaults.xsrfHeaderName = "X-CSRFTOKEN"
    new Vue({
        el: '#app',
        delimiters: ['[[', ']]'],
        vuetify: new Vuetify(),
        data: {
            ...........
        }
    })
</script>
</body>
</html>

Answer 1

聽起來您的 CDN 或服務器可能配置錯誤。 檢查 HTTP“Content-Type”標頭以確保它發送正確的 MIME 類型可能是值得的。 您可以通過單擊網絡選項卡在 chrome 開發工具中檢查這一點。

iOS 上的 Chrome 實際上是基於 WebKit 的，因此它運行與 Safari 相同的引擎，它們的類似行為應該不足為奇。

VueJS 無法在 MacOS（Safari 和 Chrome）上呈現

問題描述

1 個解決方案

解決方案1
0 2020-09-09 02:57:22

VueJS 無法在 MacOS（Safari 和 Chrome）上呈現

問題描述

1 個解決方案

解決方案1 0 2020-09-09 02:57:22

解決方案1
0 2020-09-09 02:57:22