Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Vue.js和express.js交付Html文件_Javascript_Html_Node.js_Express_Vue.js - Fatal编程技术网

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

Javascript 使用Vue.js和express.js交付Html文件,javascript,html,node.js,express,vue.js,Javascript,Html,Node.js,Express,Vue.js,我使用Vue.js作为前端,使用express.js作为后端。 当我使用npm start启动express.js服务器时,我希望从Vue交付前端组件 我使用Vue generator和Express generator交付index.html文件时 res.sendFile(path.join(__dirname + '/index.html')); 浏览器显示了一个empyt站点,因为只有写入的 <div id="app"></div> 我想我

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

我使用Vue generator和Express generator交付index.html文件时

    res.sendFile(path.join(__dirname + '/index.html'));
浏览器显示了一个empyt站点,因为只有写入的

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


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

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