在HTML中使用js文件作為cdn

Question

我在 jquery 中創建了一個庫，並托管在我的共享主機中。 當我從瀏覽器中點擊時，可以訪問該 js 文件。 但是，如果我像 cdn 一樣將它設置在我的 html 中，它就無法正常工作。 這意味着如果我直接使用代碼而不使用單獨的文件它可以工作但是當我將該 js 代碼保存在一個文件中並包含文件時則不起作用。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
</head>

<body>
body code ...........

 <script src="https://mydomain/acdn/jsfile.js"></script>

</body>

</html>

我的cdn文件

<script>
    $(document).ready(function() {
        $.ajax({
                url: '{{ url('get-list') }}',
            .........................
     })
 </script>

這里顯示錯誤 Unexpected identifier in {{ url('get-list') }}

Answer 1

你 JavaScript 包含：

 '{{ url('get-list') }}'

這似乎是某種模板代碼，生成 HTML 文檔的服務器端代碼將替換為一些數據。

當您將它從 HTML 文檔中取出時，它不再由該服務器端代碼生成，因此不會被替換。 因此，JS 解析器嘗試解析它，失敗並拋出錯誤。

將模板代碼移回您的 HTML 中，然后使用 JS 從 HTML 文檔中讀取數據。

例如

<script src="..." data-url="{{ url('get-list') }}">

然后在你的腳本中：

const url = document.currentScript.dataset.url;

（確保將任何轉義數據的邏輯更改為可以安全地注入 JS 的邏輯，使其可以安全地注入 HTML）。

在HTML中使用js文件作為cdn

問題描述

1 個解決方案

解決方案1
0 已采納 2021-02-17 09:35:37

在HTML中使用js文件作為cdn

問題描述

1 個解決方案

解決方案1 0 已采納 2021-02-17 09:35:37

解決方案1
0 已采納 2021-02-17 09:35:37