webpack encore 在 symfony 5 中获取

Question

我正在学习使用 webpack Encore我想知道是否可以使用“路径”函数通过 ajax 调用路由webpack.config.js    .setOutputPath ('public / build /')    .setPublicPath ('/ build')    .addEntry ('app', './assets/js/app.js')     .addEntry ('ajax', './assets/js/ajax.js')我创建了第二个条目，它导入所有 ajax 调用ajax.jsimport 'bootstrap'; // adds functions to jQueryimport articleShow './myAjax/articleShow';articleShow();...myAjax > 文章显示.js是否可以使用路径功能？        ...        let formData = new FormData();        formData.append("folder", folder);        formData.append("id", id);        **var urlAjax = "{{ path('showArticle') }}";** (pb)!!!        //var urlAjax = "https://localhost:8000/article/show";        fetch(urlAjax, {            method: 'POST',            body: formData        })            .then(function (response) {                return response.json();            })            .then(function (message) {            ...文章控制器    /**    * @Route("/article/show", name="showArticle")    */    public function showArticle(....) {     ...问题 1：是否可以在 webpack encore 中使用 'path' 功能？问题2：我的做法正确吗？如果没有，您是否有具体示例的建议，因为我几乎找不到任何文档。感谢您的帮助。

Answer 1

谢谢我使用 webpack encore 成功了。帮助 ：

安装 Fos jsrouting 包

step 1 :  expose your route in your controller otherwise you have to modify the file: fos_js_routes.json in the public folder or rename the route

/**

* @Route("/country", **options={"expose"=true},** name="ajaxCountry") 

**/

step 2 : 

import Routing from '../../../vendor/friendsofsymfony/jsrouting-bundle/Resources/public/js/router.min.js';

const routes = require('../../../public/js/fos_js_routes.json');

Routing.setRoutingData(routes);

 var formData = new FormData();

    var urlAjax = Routing.generate('yourRoute');

    fetch(urlAjax, {

        method: 'POST',

        body: formData

    })

        .then(function (response) {

            return response.json();

        })

        .then(function (message) {

           ...

step 3 : in your terminal 

 php bin/console fos:js-routing:dump --format=json --target=public/js/fos_js_routes.json

再见