前端自测运行vue打包后的dist文件

在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:8080

或

http://192.168.5.26:8080

等网址，访问打包后的项目文件。

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

​​​​​​​http-server -p 8081 //修改端口号