nginx部署vue打包项目(windows)

准备:
1.安装nginx(window) http://nginx.org/en/download.html
解压即可

nginx部署vue打包项目(windows)_第1张图片
image.png

2.准备打包好的vue项目(dist) 这里dist文件目录在: E:\projects\demos\vueAdmin-template0\dist

nginx部署vue打包项目(windows)_第2张图片
image.png

3.在nginx安装目录中找到nginx.confnginx-1.14.0\conf)进行修改
nginx部署vue打包项目(windows)_第3张图片
image.png

4.运行

#在nginx安装目录下cmd启动nginx
start nginx
#访问
127.0.0.1:8071/saas
nginx部署vue打包项目(windows)_第4张图片
image.png

5.在nginx安装目录下运行指令

#启动
start nginx
#重启
nginx -s reload
#关闭
nginx -s quit   或 nginx -s stop
#

6.vue history模式下nginx
https://segmentfault.com/a/1190000010151973

nginx部署vue打包项目(windows)_第5张图片
image.png

你可能感兴趣的:(nginx部署vue打包项目(windows))