如何配置Vue Router正确使用不带标签的Cordova和Web(历史记录模式)?

时间:2019-04-23 15:23:20

标签: cordova vue.js vue-router

我对Vue路由器的问题是来自哈希模式的哈希。我知道为什么会这样,但是可以使用历史记录模式来处理。一般。

对于Cordova,您需要一种有效的哈希模式。对于用户友好/美丽的URL,您需要历史记录模式。这可以通过以下类似方式实现:



    export default new Router({
        mode: process.env.CORDOVA_PLATFORM ? 'hash' : 'history',
        routes: [...],
    });

如果我只是使用哈希作为模式,那么网站和Cordova应用程序(我在Android应用程序中使用Cordova)可以正常工作,但URL丑陋。如果我以模式输入历史记录,那么我将获得“正常” URL。现在,Cordova应用程序不再起作用(为此,平台将在模式下检查)。

启用历史记录模式后,首先一切正常。但是在带有参数的每条路线上,有些图像是不可见的。如果我在chrome dev工具中检查代码并单击其中的图像,则图像将在新选项卡中打开。
查看图片:
1. working title image with no route in url
2. working title image with route in url
3. not working title image with params in url

该路由中每个带有参数的页面都存在错误。

我什至不了解以下行为。如果我现在重新加载有问题的页面,则该页面完全为空,并且chrome开发者控制台显示:


    app.js:1 Uncaught SyntaxError: Unexpected token <

我可以在添加时解决此问题:

<!DOCTYPE html>
<html lang="en">
    <head>
        <base href="/">
    </head>
    <body>
        ...
    </body>
</html>

<!DOCTYPE html> <html lang="en"> <head> <base href="/"> </head> <body> ... </body> </html>

但是当我在“ public / index.html”中添加基准时,Cordova应用程序便停止工作。

无论我怎么做,我已经搜索了好几天了,根本无法继续前进。我只是想让Cordova应用程序正常工作,并且想要一个没有烦人的哈希值的URL。我最了解的是散列模式,因为在这里一切都可以正常工作,除了URL中的散列...

我在这个学科上还很陌生,如果您需要更多信息,请问...。我绝对不知道该怎么做。

0 个答案:

没有答案