Vue项目中,dist目录是代码打包之后生成的文件夹,其中包含了静态资源文件和打包后的JavaScript、CSS等文件。如果要在本地运行打包后的项目文件,可以使用简单的静态服务器来启动。

下面介绍一种使用Node.js中的http-server模块搭建本地服务器的方法:

先查看是否安装node 如未安装请先安装node
node -v  //查看node版本
安装http-server模块。在命令行中执行以下命令: 如以安装请忽略
npm install -g http-server
进入到dist目录。在命令行中执行以下命令(/path/dist是自己项目中dist目录所在的路径):
cd /path/dist
 启动http-server。在命令行中执行以下命令:
http-server
此时,在命令行中会输出一个类似于下面的信息:

这表示服务器已成功启动,可以在浏览器中输入上图所示的http://127.0.0.1:8080http://192.168.5.26:8080等网址,访问打包后的项目文件。

注意,http-server 模块的默认端口是8080,如果已经被占用,可以使用以下命令来指定端口。此时,服务器会在8081端口上启动 
​​​​​​​http-server -p 8081 //修改端口号

GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079 [skip ci] 2 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐