Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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 如何将web项目发送到我的localserver?_Javascript_Vue.js - Fatal编程技术网

Javascript 如何将web项目发送到我的localserver?

Javascript 如何将web项目发送到我的localserver?,javascript,vue.js,Javascript,Vue.js,我不太明白如何链接我的web应用程序和服务器。试图使用 res.sendFile(path.resolve('./public/index.html'); 但它不会连接在vue.config.js中的vue.js中编写的组件(如果尚未在客户端src文件夹中创建一个),请为生成添加目标目录: const path = require("path"); module.exports = { outputDir: path.resolve(__dirname, &quo

我不太明白如何链接我的web应用程序和服务器。试图使用

res.sendFile(path.resolve('./public/index.html');

但它不会连接在
vue.config.js
中的vue.js

中编写的组件(如果尚未在客户端
src
文件夹中创建一个),请为生成添加目标目录:

const path = require("path");

module.exports = {
    outputDir: path.resolve(__dirname, "path/to/server/directory/public")
};
现在,当您运行
npm run build
时,静态文件将捆绑在那里


然后,您只需将服务器指向该文件夹

如果将Node/Express用作后端:

// Handle production
if (process.env.NODE_ENV === 'production') {
    // Static folder
    app.use(express.static(__dirname + '/public/'));
}
另外,如果您的Vue应用程序是SPA,请将其添加到
if
块中
app.use(express.static(uu dirname+/public/))之后,以处理路由:

// Handle SPA
app.get(/.*/, (req, res) => res.sendFile(__dirname + '/public/index.html'));

这只是为了发展还是为了生产?为了发展。我使用vue build构建了该项目。现在,您需要服务器从该文件夹中提取所有文件,而不仅仅是.htmlf。对于开发,您可以使用
npm run serve
,让节点作为服务器独立运行,我需要与服务器建立交互。数据交换你是说HTTP请求?为此,您可以使用Axios