Javascript 如何将web项目发送到我的localserver?
我不太明白如何链接我的web应用程序和服务器。试图使用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
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