【Rails&Vue】axiosのurlをサーバーサイドから取得する定番の方法を教えてください【どんな案でも大歓迎】

Question

タイトルの通りなのですが、現状jsにベタがきしているurlを、サーバーサイドで生成/取得されるようにしたいです。
・対象となる「url」は、サイト内のものになります。
・サーバーサイドで生成する理由は、今後パスが変更になった場合にJS修正のメンテナンスコストを避けたいから
以下のような形に現状なっています。

    const promise1 = await axios.get(
      `/user/${this.user_status}/user_report.json?page=${page_num}`
    );

当方、vueもrailsも初心者レベルです。
短くて恐縮ですが、何か教えて頂けますと嬉しいです。
よろしくお願い致します。

Comments

[maisumakun]

・対象となる「url」は、サイト内のものでしょうか？サイト外のものでしょうか？
・何のためにサーバサイドで生成したいのでしょうか？

[hassan2019]

ご質問いただきありがとうございます。
情報不足しており、申し訳ございません。
・対象となる「url」は、サイト内のものになります。
・サーバーサイドで生成する理由は、今後パスが変更になった場合にJS修正のメンテナンスコストを避けたいからです。

[hassan2019]

現状のコードも一部抜粋してですが、記載致しました。
その他、情報不足ありましたら、お申し付け頂ければと思います。

Answer 1

今後パスが変更になった場合にJS修正のメンテナンスコストを避けたいから

この動機自体にあまり意味がないと考えます。自分で管理しているAPIのエントリポイントが変わる状況を考えれば、十中八九APIの動作も変わるタイミングなので、結局JavaScript側に手を入れる必要は減らないと考えます。