如何使用 VueJS 使路由可以从 URL 导航

Question

抱歉，我不知道这个问题的正确术语，这可能是我的问题的一半......

我已经使用 VueJS 创建了一个 SPA——一个小型投资组合网站——我目前正在使用 VueRouter 创建一个/information 路由。

我希望这个路由可以通过 URL 共享——这样如果我将你链接到www.example-url.com/information，那么这应该会加载那个路由。但是此刻我收到错误消息：404 Not Found nginx/1.8.1

像https://github.com/chrisvfritz/prerender-spa-plugin 这样的预渲染插件是否适合解决这个问题？据我了解，这将解决问题，但它没有明确宣传为预渲染的好处，所以我有点不确定。

这里是有问题的网站：http://isabellaburley.com/information

非常感谢，

Answer 1

将此添加到您的 nginx vhost 配置中：

server {
    ...

    location / {
        try_files $uri $uri/ @rewrites;
    }

    location @rewrites {
        rewrite ^(.+)$ /index.html last;
    }

    ...
}