Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript VueJS不';t在MacOS上渲染(Safari和Chrome)_Javascript_Macos_Vue.js_Ipad_Vuetify.js - Fatal编程技术网

Javascript VueJS不';t在MacOS上渲染(Safari和Chrome)

Javascript VueJS不';t在MacOS上渲染(Safari和Chrome),javascript,macos,vue.js,ipad,vuetify.js,Javascript,Macos,Vue.js,Ipad,Vuetify.js,我有个奇怪的问题。我的VueJS应用程序(来自CDN)使用Vuetify 它可以在Ubuntu和Windows上运行,但我的客户可以在他的Safari和iPad上的Chrome上看到原始的VueJS代码。你知道问题出在哪里吗 简化的代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g

我有个奇怪的问题。我的
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>

标题
....
类修正器{
...
}
axios.defaults.xsrfCookieName='csrftoken'
axios.defaults.xsrfHeaderName=“X-CSRFTOKEN”
新Vue({
el:“#应用程序”,
分隔符:['[',']]'],
vuetify:新的vuetify(),
数据:{
...........
}
})

听起来您的CDN或服务器可能配置错误。可能值得检查HTTP“Content Type”头,以确保它发送的MIME类型正确。您可以在chrome开发工具中通过单击网络选项卡来检查这一点

iOS上的Chrome实际上是基于WebKit的,因此它运行的引擎与Safari相同,它们类似的行为也就不足为奇了