引用http开头的JS失败以及laravel的url()方法的坑

一、前言

      昨天在发布新项目的时候，出现引用的jquery文件无法识别。android报错无法使用http开头的外部js文件。然后改为https开头的就可以了。紧接着，laravel中的ajax也都请求失败，原因同样是请求链接不是https的。虽然这些问题都解决了，但是知其然不知其所以然，不是我们的风格。

二、引用外部http开头的js文件失败

失败原因：因为网站是https的网站，在一个 https 页面里动态的引入 http 资源，比如引入一个 js 文件，会被直接 block 掉的。

处理方法：

1、使用项目内部的js文件。加载速度快，且不需要既考虑https的问题
2、使用带有https的外部链接
3、在确认外部js文件既有http开头的，也有https开头的时候，可以使用：

//简而言之，就是将URL的协议（http、https）去掉，只保留//及后面的内容。
//这样，在使用https的网站中，浏览器会通过https请求URL，否则就通过http发送请求。
<img src="//domain.com/img/logo.png">

三、关于laravel中的url（）方法

1、首先

url()是laravel中提供的辅助函数，可以供我们找到理由的路径。常用写法如下：

 $.ajax({
        url: "{{url('/test')}}",
        type: "post",

2、url（）方法源码部分

这部分请参考链接：
https://www.jb51.net/article/120917.htm

      本人使用的是laravel5.5版本的，源码部分没找到url的具体实现方法。不过根据查询的资料发现，url()在我们的config/app.php中定义的，默认是补充http开头的路径。

'url' => env('APP_URL', 'http://localhost'),

3、如何加载https方法的路由呢

**（1）、**laravel在辅助函数中，给我们提供了一个新的辅助函数：

secure_url 函数为给定路径生成完整的 HTTPS URL：

echo secure_url('user/profile');

echo secure_url('user/profile', [1]);

laravel辅助函数文档链接

（2）、使用最简单的方式

 //保存个人信息
      $.ajax({
        url: "/test",
        type: "post",

      如果不确定目标项目是否是https的，那么直接使用"双引号"，从根目录引入即可，如此便可避免使用url()或者secure_url()等辅助函数。

虽然是小问题，但是知其然更知其所以然，不是更好吗，哈哈

end