使用Vue.js和express.js交付HTML文件

Question

我將Vue.js用作前端，將express.js用作后端。 當我使用npm start啟動express.js服務器時，我想從Vue提供前端組件。

當我使用以下命令傳遞index.html文件時，我正在使用Vue生成器和Express生成器

    res.sendFile(path.join(__dirname + '/index.html'));

瀏覽器將顯示一個empyt網站，因為該網站僅是書面的。

    <div id="app"></div>

我認為我必須先構建index.html文件，因為前端部分分為不同的Vue組件（.vue文件）

Answer 1

您的Express服務器不僅必須提供index.html文件，還必須提供所有其他內置的js文件。 如果使用的是vue-cli ，則必須在運行npm run build （生產模式構建）后提供dist文件夾中找到的所有文件。