laravel-Vuejs路由与Laravel路由冲突,试图发出axios请求

时间:2018-11-16 07:39:37

标签: laravel vue.js routes axios

我正在尝试获取请求。

我的项目设置为SPA,因此VueJS正在处理我的每个“页面”的路线。

我认为我已经缩小了VueJS路由正在干扰Laravel路由的可能性,因为无论在开发工具下我访问/ someEndPoint还是哪个无效端点,我总是会收到以下相同的html响应。而且我还可以发出发布请求,并且可以将数据输入到我的数据库中。但是无论我尝试什么获取请求,都不会输入指定控制器的功能

这是我要发出的标准获取请求

lib1

状态码为200的回复

debugApi project (path:':xxx', configuration: 'fullDebug')

VueJS路线-route.js

axios.get('/reservation/date/2018-11-13/')
  .then(function(response) {
    console.log("data", response.data);
    console.log("status", response.status);
  }).catch(function (error) {
    console.log(error);
  });

Laravel路由-web.php

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My Home Page</title>
    <meta name="csrf-token" content="hrfSpnUDNsVv6pLQM4v0UFUk2yrq3m8yPYiss2YT">
    <link href="http://localhost:8000/css/app.css" rel="stylesheet">
  </head>
  <body>
    <div id="root">
      <ps-header></ps-header>

      <router-view>

      </router-view>
      <ps-footer></ps-footer>
    </div>
    <script src="http://localhost:8000/js/app.js"></script>
  </body>
</html>

如何将Laravel路由与VueJS路由结合使用?

1 个答案:

答案 0 :(得分:1)

正如OP的评论中所提到的,它恰好是web.php文件中我的路由的顺序。为了清楚起见,这是更新的文件

locale

无需在其他任何地方进行更改,原始web.php文件中也有错别字,因为错误响应通过未知的控制器返回。只需确定名称即可。

当我键入有关VueJS路由干扰Laravel路由的信息时,应该点击一下。我确实进行了重新组织,但是主意路线却让我无所适从。

如果无法重新排序路线,我会继续清除缓存和路线

 @Override
    protected void onDestroy() {
        super.onDestroy();
        //set mAlreadySelectedLang to the locale
    }