带有 Ruby on Rails 路由的 Vue.js 路由器

Question

我目前正在开发一个带有 Ruby on Rails 后端和 Vue.js 前端的应用程序。这是一个单页应用程序。我正在使用 webpacker gem 来构建我的主要 js 文件。

我添加了 vue-router 和几个前端路由。我能够使用<router-link>它正确呈现适当的组件进行导航。我无法弄清楚的是如何设置我的前端路由，以便有人可以直接导航到一个 url 而不会碰到我的 rails 路由。

例如，如果我输入/sample-route我想点击我的 Vue.js 路线而不是我的 rails 路线。我仍然希望能够对我的 rails 路由进行 api 调用。例如/api/users。

任何帮助表示赞赏。

Answer 1

通过添加<router-view></router-vew>到我的主要 Vue.js 组件中，我的问题得到了解决。

这也是我的 rails 路由文件：

Rails.application.routes.draw do
  namespace :api do
    # api routes here
  end

  root 'application#index'
  get '/*path', to: 'application#index' 
end