vue打包后的在本地运行的两种方式

739 阅读1分钟

一. 搭建express 本地服务器

1、安装 express-generator

$ npm i express-generator -g

2.创建一个 express项目

express my-express-project

3、进入项目目录

cd my-express-project

这时候可以看到 my-espress-project 文件夹下的内容是这样的

image.png

4.安装项目相关依赖

npm i

将打包后dist 文件中的内容 copy 到public

  1. 启动项目

npm run start

6.在浏览器中输入

localhost:3000 即可

二、使用nginx 本地服务器运行

1.下载 nginx 到本地

nginx.org/en/download…

2.解压后如下图

image.png

3.删除 html文件夹中的所有文件 复制dist文件中的所有文件

4.打开 conf / nginx.conf 文件中 http对象中serve 修改端口号路径 和文件路径

image.png 5.点击 nginx.exe 或在 打开cmd 进入 nginx文件目录下 执行

start nginx

关闭 nginx -s quit nginx -s stop

重启 nginx -s reload