首页教程软件教程正文

vue 项目上线配置教程

uncle 软件教程 2025年06月7日

0 收藏 0 点赞 817 浏览 259 个字

摘要 :

通过node创建web服务器创建node项目，并安装express,通过express快速创建web服务器，将vue打包生成的dist文件夹托管为静态资源即可,具体步骤如下： 1、新建服务器资源存……

通过node创建web服务器

创建node项目，并安装express,通过express快速创建web服务器，将vue打包生成的dist文件夹托管为静态资源即可,具体步骤如下：

1、新建服务器资源存放文件夹：lfshop_server

2、用vs code打开新建的文件夹并执行npm init -y命令

3、执行命令安装：npm i express -s

4、将项目打包好的dist文件夹复制到新建的文件夹lfshop_server里

5、新建app.js文件并写入以下代码

6、终端输入命令：node .app.js开启服务后项目就可以访问了

赏

微信扫一扫

支付宝扫一扫

版权：转载请注明出处：https://www.zuozi.net/3161.html

vue 上线教程配置项目

uncle

管理员

上一篇：使用HBuilderX开发element-ui项目

下一篇：基于Vue+BootStrapV4的BootstrapVue构建响应式、移动项目

常见问题

免费下载或者VIP会员专享资源能否直接商用？

本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。

不太了解？去提问！

提示下载完成但无法解压？

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug

不太了解？去提问！

相关推荐

Promise 结合 axios 实现异步请求的使用方法

软件教程

2025-08-06

文章目录一、Promise基础回顾二、Promise 与 axios 结合使用场景及方法（一）直接返回 axios …

uncle 296

Node.js模块加载之exports与module.exports的区别详解

软件教程

2025-08-06

文章目录一、模块初始化时的内部机制二、常见导出写法的差异分析（一）写法一：module.exports…

uncle 139

ResizeObserver与nextTick的使用区别

软件教程

2025-08-06

文章目录一、ResizeObserver详解（一）ResizeObserver是什么（二）ResizeObserver的基本用法 …

uncle 712

扣子空间生成的jsx文件如何部署到项目

软件教程

2025-08-06

文章目录一、前期准备工作（一）下载相关文件（二）安装必要工具二、处理扣子空间生成的文件…

uncle 365

Vue中template模版的自动解构机制详解

软件教程

2025-08-06

文章目录一、官方文档二、自动解包的数据类型 ref对象：无需.value即可访问 reactive对象：保持…

uncle 387

React Hooks避坑指南：为啥不能在if语句里用Hook？

软件教程

2025-08-06

文章目录一、Hooks的工作原理二、在if语句中使用Hook会出什么岔子？三、React官方的Hook使用规…

uncle 870

发表评论

暂无评论

还没有评论呢，快来抢沙发~

vue 项目上线配置教程

通过node创建web服务器

1、新建服务器资源存放文件夹：lfshop_server

2、用vs code打开新建的文件夹并执行npm init -y命令

3、执行命令安装：npm i express -s

4、将项目打包好的dist文件夹复制到新建的文件夹lfshop_server里

5、新建app.js文件并写入以下代码

6、终端输入命令：node .app.js开启服务后项目就可以访问了

客服QQ

客服电话

客服邮箱