在外部JS文件中获取Laravel公共路径

Question

我有名为index-game.blade.php的刀片文件。在一行中，一行在Laravel public文件夹下到达JS文件的行。

<script type="text/javascript" src="{{asset('game/')}}/js/CPreloader.js"></script>

到目前为止，一切都很好。

同样在cpreloader.js中，我有这样的行。

s_oSpriteLibrary.addSprite("bg_menu","./sprites/bg_menu.jpg");
s_oSpriteLibrary.addSprite("progress_bar","./sprites/progress_bar.png");

在此阶段，我在浏览器的DevTools屏幕的控制台中获得以下错误：

bg_menu.jpg:1          GET http://127.0.0.1:8000/games/sprites/bg_menu.jpg 404 (Not Found)
progress_bar.png:1     GET http://127.0.0.1:8000/games/sprites/progress_bar.png 404 (Not Found)

这是我称为“ index-game.blade.php”的链接=＆gt; http://127.0.0.0.1:8000/games/slot1（让我们注意Games> Games Word在此处），

如果我将我的JavaScript文件更改为

s_oSpriteLibrary.addSprite("bg_menu","../game/sprites/bg_menu.jpg");
s_oSpriteLibrary.addSprite("progress_bar","../game/sprites/progress_bar.png");

正确的链接， 则可以使用相反，

http://127.0.0.1:8000/games/sprites/bg_menu.jpg // wrong
http://127.0.0.1:8000/game/sprites/bg_menu.jpg // true

我不想更改所有JavaScript文件中的路径。因为这是一款游戏，并且图片尽可能多。如何正确识别外部JS文件中的Laravel公共文件夹。

Answer 1

有一个包装： https：//github.com/tighub.com/tighten/ziggy

从文档：

将Ziggy安装到您的Laravel应用程序中，并使用

composer require tightenco/ziggy

生成JavaScript路由文件：

php artisan ziggy:generate

在JS文件中导入并使用：

// app.js

import route from 'ziggy';
import { Ziggy } from './ziggy';

// ...

route('home', undefined, undefined, Ziggy);