javascript - 在 laravel 中链接外部 javascript 不起作用

Question

将外部 js 链接添加到 Laravel 应用程序的方式与添加 css 的方式不同吗？我问是因为我已经能够像这样成功添加一个 css 外部文件:

<link rel="stylesheet" type="text/css" href="{{asset('css/custom.css')}}"/>

然而，当我这样做时:

<script src="{{asset('js/autocomplete1.js')}}"></script>

在控制台上我收到一个 404 错误:

GET http://spanibox.com/%7B%7B%20route('searchajax')%20%7D%7D?term=a&type=EmpService 404 (Not Found)

尝试回答时要考虑的两件事:

1. 如果我只是在我的 Blade View 中编写 javascript，这就有效

2.不确定这是否相关，但在 firefox 上我们有一个警告:

Content Security Policy: Ignoring “'unsafe-inline'” within script-src: ‘strict-dynamic’ specified

Answer 1

它不起作用，因为您试图在 JS 文件中使用 Blade 语法。 在你的 URL 中你有这个 {{ route('searchajax') }} 这是一个 Blade 语法，JS 不知道如何评估它。

您可以创建一个全局对象来保存您的路线或翻译。在您的主 Blade 文件中，您可以在头部添加:

<script>

    window.MY_PROJECT = {
        search_ajax: "{{ route('searchajax') }}";
    };

</script>

然后在你的 JS 文件中这样使用它:

MY_PROJECT.search_ajax // prints out your URL