使用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文件夹中找到的所有文件。