如何在 Nuxt 應用中部署整個 Wordpress 應用？

Question

是否有可能在 Nuxt 應用程序中部署完整的 wordpress 應用程序？ 我的意思是我想要我的應用程序的地址foo.com並且在foo.com/bar上將是 wordpress 應用程序。 有沒有辦法做到這一點？ Nuxt路由器能處理這個嗎？

Wordpress API 和 iframe 不是我正在尋找的答案。 正如我所說，我想在我的 Nuxt 應用程序的特定地址上部署整個 wordpress。

Answer 1

一點背景

• NuxtJS（構建為static ）是一個客戶端應用程序。
• WordPress 是 PHP服務器端應用程序
• wordpress 站點通常由 web 服務器提供給用戶，例如apache或nginx
• 由任何 web 服務器提供的客戶端應用程序（包括apache或nginx ）

所以你不能“在nuxt中部署wordpress”，但很容易得到你想要的：

1. 按照本指南將 wordpress 移動到子目錄
2. 將nuxt應用上傳到根目錄

如果您使用 SSR 或任何其他強制您在服務器模式下使用 Nuxt 的要求，您的選擇是：

• 將 nginx 設置為反向代理
• 將 apache 設置為反向代理
• 在節點服務器本身中設置代理，也許這個項目可以幫助

Answer 2

我認為如果沒有 wordpress API，這可能會出現問題，但問題是，你關心 Nuxt.js 還是僅僅 Vue 就足夠了？ 請記住，在 Vue 2 中，您可以使用inline-template ，借助它您可以在服務器端渲染元素。 為此，您將從 Vue 生態系統中添加必要的元素，例如路由器和設置，類似於 Nuxt.js。 示例代碼：

<div is="navbar-dropdown" inline-template>
    <div v-cloak :class="isOpenDropdown ? 'visible opacity-1 mt-0' : 'invisible opacity-0 mt-10'">
        <?php get_search_form(); ?>
    </div>
</div>