windows服务器下vue工程nginx部署

vue 工程打包：

1. vue.config.js 配置文件 publicPath: ‘/’ 修改成 publicPath: './'
   

2. router.js 实例中mode 修改成’hash’
   

3. 指定打包操作 npm run buid:prod
   根目录下生成文件格式如下:
   

windows安装nginx并部署vue工程:

官网下载nginx: nginx.org
下载，选择windows版本，生成nginx-1.19.6.zip，并解压。

(1) 进入解压目录:

   cd nginx-1.19.6

(2) 启动nginx， 后台查看nginx进程:

   start nginx.exe
   tasklist /fi "imagename eq nginx.exe"
   nginx -t -c conf/nginx.conf

(3) 修改nginx/config/nginx.conf 文件

server listen 访问端口设置，注意测试端口占用情况 localtion root ：站点目录；
本人使用的默认的html目录，可以根据实际情况进行修改。

(4) 将vue 打包完成的站点放入html目录下:

(5) 重启nginx

 nginx -s reload

(6) 浏览器访问

http://localhost:8800/eladmin/index.html#/dashboard