在Laravel Homestead中使用Vue.js时从URL中删除#哈希

杰克·巴勒姆

我在Homestead中运行了Laravel 5.2安装程序,并使用Vue.js路由器构建了SPA。我正在尝试从我知道可以完成的URL中完全删除#hash,但是我不断收到错误消息:

我已经rewrite ^(.+)$ /index.html last;在Homestead中添加了我的vhosts文件:

server {

    listen 80;
    listen 443 ssl;
    server_name app.myproject.dev;
    root "/home/vagrant/Code/vibecast/app.myproject.com/public";

    rewrite ^(.+)$ /index.html last;

    index index.html index.htm index.php;

    charset utf-8;

    ...

}

当我重新启动并打开页面时,出现一个500 Internal Server Error

我需要在Laravel中添加路线吗?

var router = new VueRouter({
    hashbang: false,
    history: true,
    linkActiveClass: "active"
})

在浏览时,我可以在没有#hash(或修改后的hosts文件)的情况下正常工作,但是在重新加载页面时失败。

杰克·巴勒姆

我已经通过Matt Stauffer的演示应用程序设法找到了解决方案。首先,无需更新vhosts文件。只需将SPA / Vue.js路由更新routes.php为:

Route::get('/{vue?}', 'AppController@spa')->where('vue', '[\/\w\.-]*');

如果您有管理面板,并且不想考虑其前缀

Route::get('/{vue?}', 'AppController@spa')->where('vue','^(?!panel).*$');

当然,像这样初始化Vue.js路由器:

const router = new VueRouter({
    history: true,
    hashbang: false,
    linkActiveClass: 'active'
})
router.mode = 'html5'

参考:https : //github.com/mattstauffer/suggestive/blob/master/app/Http/routes.php#L9

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Laravel中使用vue.js时在$ .ajax中获得成功或完成响应的问题

来自分类Dev

在Laravel / Vue.js组件中使用this。$ router

来自分类Dev

在laravel中使用vue.js2接收json响应

来自分类Dev

Vue组件未在Laravel 5.3中使用护照显示

来自分类Dev

如何使用 Vue JS 在本地化 Laravel 5.4 中使用正则表达式

来自分类Dev

用Laravel(5.1)响应js:删除URL哈希会导致laravel路由器启动并失败

来自分类Dev

在Laravel的Homestead中运行PHPUnit

来自分类Dev

如何使用JS隐藏URL中的#哈希

来自分类Dev

如何在Linux Mint Box上的laravel homestead中使用apt-get?

来自分类Dev

在Laravel 5中使用Ajax从表中删除记录

来自分类Dev

在Laravel中使用通配符删除文件

来自分类Dev

在Laravel 4中使用crontab删除文件

来自分类Dev

在Laravel 5中使用Delete glyphicon删除数据

来自分类Dev

在Laravel4中使用Illuminate进行链式删除

来自分类Dev

如何在jQuery或JS中使用Laravel URL :: asset

来自分类Dev

使用 Axios、Vue、Laravel 删除对象

来自分类Dev

在 Laravel 中使用带有双 {} 的 URL

来自分类Dev

无法在 Laravel 中使用 ajax 访问 url

来自分类Dev

在Laravel中使用口才时的故障排序

来自分类Dev

在Laravel中使用-> paginate()时出错

来自分类Dev

在laravel中使用ñ存储名称时出错

来自分类Dev

Laravel Homestead在提交表格时突然停止使用8000端口后缀

来自分类Dev

laravel和vue.js中的chunks文件URL问题

来自分类Dev

Laravel Homestead

来自分类Dev

使用 powershell 删除 URL 列表中的尾随哈希?

来自分类Dev

在Laravel 5中使用变量重定向URL

来自分类Dev

在Laravel 5.1中使用Blade访问嵌套URL

来自分类Dev

在Laravel 5.1中使用社交名流时出错

来自分类Dev

在laravel 5.2中使用jwt时发送POST请求

Related 相关文章

  1. 1

    在Laravel中使用vue.js时在$ .ajax中获得成功或完成响应的问题

  2. 2

    在Laravel / Vue.js组件中使用this。$ router

  3. 3

    在laravel中使用vue.js2接收json响应

  4. 4

    Vue组件未在Laravel 5.3中使用护照显示

  5. 5

    如何使用 Vue JS 在本地化 Laravel 5.4 中使用正则表达式

  6. 6

    用Laravel(5.1)响应js:删除URL哈希会导致laravel路由器启动并失败

  7. 7

    在Laravel的Homestead中运行PHPUnit

  8. 8

    如何使用JS隐藏URL中的#哈希

  9. 9

    如何在Linux Mint Box上的laravel homestead中使用apt-get?

  10. 10

    在Laravel 5中使用Ajax从表中删除记录

  11. 11

    在Laravel中使用通配符删除文件

  12. 12

    在Laravel 4中使用crontab删除文件

  13. 13

    在Laravel 5中使用Delete glyphicon删除数据

  14. 14

    在Laravel4中使用Illuminate进行链式删除

  15. 15

    如何在jQuery或JS中使用Laravel URL :: asset

  16. 16

    使用 Axios、Vue、Laravel 删除对象

  17. 17

    在 Laravel 中使用带有双 {} 的 URL

  18. 18

    无法在 Laravel 中使用 ajax 访问 url

  19. 19

    在Laravel中使用口才时的故障排序

  20. 20

    在Laravel中使用-> paginate()时出错

  21. 21

    在laravel中使用ñ存储名称时出错

  22. 22

    Laravel Homestead在提交表格时突然停止使用8000端口后缀

  23. 23

    laravel和vue.js中的chunks文件URL问题

  24. 24

    Laravel Homestead

  25. 25

    使用 powershell 删除 URL 列表中的尾随哈希?

  26. 26

    在Laravel 5中使用变量重定向URL

  27. 27

    在Laravel 5.1中使用Blade访问嵌套URL

  28. 28

    在Laravel 5.1中使用社交名流时出错

  29. 29

    在laravel 5.2中使用jwt时发送POST请求

热门标签

归档