我对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中的散列...
我在这个学科上还很陌生,如果您需要更多信息,请问...。我绝对不知道该怎么做。