使用 .test 后缀名解决 Chrome 强制跳转 https 问题

问题

《Laravel 入门教程》《Laravel 进阶课程》 课程中,我们使用 .app 作为开发网站的后缀名,最新版的 Chrome 浏览器会强制 HTTPS ,具体原因 见此

不少同学已更新了 Chrome,导致 .app 后缀名无法访问。

解决方案

解决方案现统一使用 .test 域名。按照以下操作即可:

1. 修改 Homestead.yml

> cd ~/Homestead
> atom Homestead.yaml 

查找 .app 子串,修改为 .test ,并保存。

2. 应用修改

应用配置信息并重启虚拟机:

> cd ~/Homestead && vagrant provision && vagrant reload

3. 修改 hosts 文件

Mac 下打开 Hosts 文件:

> atom /etc/hosts

Windows 下打开 Hosts 文件:

> atom C:/Windows/System32/Drivers/etc/hosts

同样的,查找 .app 子串,修改为 .test ,并保存。

4. 加入到安全站点

《Laravel 进阶课程》 课程中,我们使用 sudosu 插件来辅助开发,Sudosu 有一个安全配置需要修改:

config/sudosu.php

<?php

return [

    // 允许使用的顶级域名
    'allowed_tlds' => ['dev', 'local', 'app', 'test'],

    // 用户模型
    'user_model' => App\Models\User::class

];

allowed_tlds 里增加 test 并保存。

5. 打开浏览器测试一下

打开浏览器,注意第一次访问的时候,需要加 http:// ,如 larabbs.test 应为 http://larabbs.test

file

本作品采用《CC 协议》,转载必须注明作者和本文链接
摈弃世俗浮躁,追求技术精湛
本帖由系统于 3年前 自动加精
Summer
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 16
Destiny

遇到过类似问题。

3年前 评论

正在为这个问题苦恼,谢谢~~~

3年前 评论
DianWang

使用新版的firefox浏览器就可以了,速度不输chrome

3年前 评论

哈哈,上周在文章里面和summer说了这个问题的解决方案,今天就看到这个了.

3年前 评论

顺便推荐summer可以把这篇文章直接加在两个教程的目录中。刚才不小心把提示关了就找不到这篇文章了,囧。

3年前 评论

Valet 环境 执行命令valet domain test 感觉 work 看着好看,我就修改成为了 work

3年前 评论

接口使用了Dingo Api ,改成 *.test 后会造成路由错误。又改回去了

3年前 评论

原来是浏览器的问题 害得我瞎找原因啊 哈哈

3年前 评论
wenber

我的问题是之前本地已经配置了https,升级后也不可以了.一直说我的证书无效,但是firefox,safari下都是正常的.
不过现在改成.test后,可以了.难道是我本地的https配置有问题..

3年前 评论

还有就是.env中的APP_URL记得改,不然在进阶教程中的图片地址拼接中用到了,会导致图片被过滤

3年前 评论

当时也是查了好久的啊,前一天能打开,第二天都打不开,差一点我都要重装虚拟机了。

3年前 评论

:thumbsup:差点放弃了chrome

3年前 评论
Alex89

赞一个

3年前 评论

很苦恼的问题

3年前 评论

.zhang / .wang / .li / .zhao 不好吗:relieved:

3年前 评论
kaxiluo

使用.local就没问题了:smile:

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!