Nginx本地部署vue项目

495 阅读1分钟

前言

只涉及前端。

一、下载Nginx

地址:nginx.org/en/download…

二、解压Nginx

image.png

三、run build 打包项目获取dist文件

image.png

四、配置Nginx

1.部署dist文件

将dist文件放在Nginx目录中的html文件夹下。

image.png

2.配置Nginx中的conf文件

image.png

image.png

3.启动Nginx

双击Nginx文件下的nginx.exe。

image.png

4.浏览器输入访问地址

http://localhost:8038/#/

image.png

可以看到控制台打印出测试日志。