vue项目 dist文件本地部署、http-server网页服务

186 阅读1分钟

使用 http-server

http-server是一个超轻量级web服务器

当我们想要在服务器运行一些代码,但是又没有服务器的时候,就可以使用http-server就可以搞定了。

http-server可以将任何一个文件夹当作服务器的目录供自己使用。【仅仅限于局域网下】

用于测试项目使用 测试项目部署 是否会有问题

部署app、pc网站、软件都可以

http-server 个人项目使用介绍:   这是用于局域网下 远程下载App软件、测试dist文件是否有问题。
                              用处还是可以的,简单明了

使用步骤:

1、全局安装

  npm install http-server -g

2、vue.config.js文件做好配置,打包项目 (具体看个人什么类型项目【app、pc】网站、软件都可以)
后端需要远程服务器(局域网后端,不同电脑下。可能不行,具体自己查吧。)

 publicPath:process.env.NODE_ENV === "production" ? "https://XXX.xxx.com/jsgl" : "/",

会有影响,打包是本地测试,就可以注释它(这是打包生产环境下的css、js这些静态文件)

npm run build

3、生成dist文件,在dist文件打开终端
在这里插入图片描述
4、运行

http-server -p 3000 -P https://XXXX.xxxx.com

效果:
在这里插入图片描述

访问里面 url 随便一个就可以了