javascript - 使用 Vue.js 和express.js 交付 Html 文件

Question

我使用 Vue.js 作为前端，express.js 作为后端。当我使用 npm start 启动express.js 服务器时，我想从 Vue 交付前端组件。

当我使用 Vue 生成器和 Express 生成器传递 index.html 文件时

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

浏览器显示一个空站点，因为只有书面内容。

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

我想我必须先构建index.html文件，因为前端部分分为不同的Vue组件(.vue文件)

Answer 1

你的express服务器不仅必须提供index.html文件，还必须提供所有其他构建的js文件。如果您使用的是 vue-cli，则必须在运行 npm run build 后提供在 dist 文件夹中找到的所有文件(生产模式构建)。