RequireJS与PHP和漂亮的URL


RequireJS with PHP and nice URL

我已经尝试解决这个问题好几个小时了,但我自己或在互联网上都找不到解决方案,所以最终我放弃了,决定发布一个问题。

我正在尝试使用RequireJS,用AMD管理的javascript构建我的新PHP应用程序。这是我第一次使用这种方法,我对此感到非常兴奋,但有一个问题使我的javascript无法正常工作。

这是一个很好的url通过路由完成。(我使用Nette Framework作为路由,使用Apache作为Web服务器(。在我设置了requrejs和我的依赖项之后,主页(localhost/(一切都很好,但当我转到其他页面时,它会停止工作,requirejs会抱怨"localhost/testapp/news/js/vendor/jquery/dist/jquery.js"中不存在脚本。相反,它应该在"localhost/testapp/js/vendor/jquery/dist/jquery.js"中查找,但它将mod_rewrite重写的参数(在本例中为演示者名称(作为基本url的一部分。我相信故障在我这边,因为这必须是非常常见的设置,而且我找不到类似的问题。

布局中的requirejs.latte(基本模板(:

<script src="{$basePath}/js/vendor/requirejs/require.js"></script>
<script>
    var absolute_base = {$basePath};
    require([absolute_base + '/js/app.js']);
</script>

(在Nette框架中的basePath变量始终是应用程序的根,无论其他参数如何——在本例中为/testapp(

app.js

requirejs.config({
    baseUrl: 'js/modules',
    paths: {
        'jquery': '../vendor/jquery/dist/jquery',
        'ink': '../vendor/InkJS/dist/js/ink-all',
        'ajax': '../vendor/ajax'
    }
});

目录结构:

 - www
    - css
    - sass
    - graphics
    - fonts
    - js
        - modules
        - vendor
            - jquery
            - requirejs
            - ink
        - app.js
    - index.php

这是我所能做到的。我尝试了很多组合,相对路径,路径前面的点,脚本标签的数据属性等等,但都没能找到解决方案。

非常感谢您的帮助,干杯!

我终于成功了。我发现,它不能以这种方式完成,因为requirejs将始终使用当前url作为"根",而不是脚本本身的url(在"script"标记中使用(。至少我还没有找到绕过这个问题的方法。

相反,我删除了整个app.js文件,并将配置直接移动到主模板中,php变量$basePath可用,我用它来定义basePath(基本上我定义了一个绝对路径,而不是相对路径(。