VueJS中的Cordova问题

时间:2019-04-07 13:26:17

标签: cordova vue.js

我有一个VueJS项目,我将其构建并在(dist)中获取文件 然后我创建一个cordova项目 我在cordova中重命名了index.html以避免重复 然后我将(dist)中的文件移动到cordova项目中的www 然后我在index.html中粘贴3行 当我运行科尔多瓦 它打开初始屏幕,但不会移动到任何其他页面 只需保持加载在初始屏幕中 如果我尝试通过在栏中键入链接来转到链接手册 我收到错误消息“无法获取/登录”

    <!DOCTYPE html>
<html lang=en>

<head>
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <style>
        .splash-screen {
            background: #4a596a;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 99999;
        }

        .splash-screen>.wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

        .splash-screen>.wrap>img {
            margin: 30px auto;
            display: block;
            width: 100px;
        }

        .splash-screen>.wrap>img.logo {
            -webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
            filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        }
    </style>
    <link rel=preload as=script href=js/vendor.ef44132f.js> <link rel=preload as=script href=js/app.5173f48e.js> <link
        rel=preload as=style href=css/app.a5d2a0b4.css> <link href=css/app.a5d2a0b4.css rel=stylesheet>
</head>

<body class=theme-default>
        <div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
            </div>
    <div id=app>
        <div class=splash-screen>
            <div class=wrap><img src=/logo.svg class=logo alt=logo> <img src=/Ripple-2s-200px.gif alt=loading-image>
            </div>
        </div>
    </div>
    <router-view v-bind:brands=Brand v-bind:ars=ARs></router-view>
    <script type=text/javascript>(function(r){var n=window["webpackJsonp"];window["webpackJsonp"]=function(e,u,c){for(var
        i,f,p,l=0,a=[];l<e.length;l++)f=e[l],t[f]&&a.push(t[f][0]),t[f]=0;for(i in
        u)Object.prototype.hasOwnProperty.call(u,i)&&(r[i]=u[i]);n&&n(e,u,c);while(a.length)a.shift()();if(c)for(l=0;l<c.length;l++)p=o(o.s=c[l]);return
        p};var e={},t={2:0};function o(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return
        r[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=r,o.c=e,o.d=function(r,n,e){o.o(r,n)||Object.defineProperty(r,n,{configurable:!1,enumerable:!0,get:e})},o.n=function(r){var
        n=r&&r.__esModule?function(){return r["default"]}:function(){return r};return
        o.d(n,"a",n),n},o.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},o.p="/" ,o.oe=function(r){throw console.error(r),r}})([]); //# sourceMappingURL=js/manifest.ce28c628.js.map </script>
         <script type=text/javascript src=js/vendor.ef44132f.js> </script>
          <script type=text/javascript src=js/app.5173f48e.js> </script>
          <script type="text/javascript" src="cordova.js"></script>
          <script type="text/javascript" src="js/index.js"></script>
         </body> </html>

0 个答案:

没有答案